<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/anhanger-v-label-metall-klein-ohne-karabiner-1-stuck-4645">
          <img alt="Anhänger V-Label Metall KLEIN, ohne Karabiner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2835/file/small-a97d7849679279222a7c5921c5b6ada6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2835/file/large-bdb3fd4d487ea529b5258e1f355b6e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.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">Swissveg</p>
          <a href="/de/products/anhanger-v-label-metall-klein-ohne-karabiner-1-stuck-4645">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Anhänger V-Label Metall KLEIN, ohne Karabiner, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PQyzf-8F5zoiZB8KSnO2x-T5LeeYwsbIL6QOxvVtbPHAIBIDUhabxRwhm7bOZ5scLkEtzVrB6JNLGxR0z5J-sg" />
    <input value="4645" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-sensitiv-ohne-duftstoffe-handseife-gesicht-korper-grossgebinde-10-l-4653">
          <img alt="Seife Sensitiv ohne Duftstoffe Handseife Gesicht Körper Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2843/file/small-3d6c1d6b39e853f2afa412dd0c1e15bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2843/file/large-319d35b8c2771cd281be5b2044d2e4bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.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="/de/products/seife-sensitiv-ohne-duftstoffe-handseife-gesicht-korper-grossgebinde-10-l-4653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Sensitiv ohne Duftstoffe Handseife Gesicht Körper Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DlwDFe1zP3FB8Jlrbarsxu7JktRGNGkQuTHzIrWXu1PzcKJpUGBDjn-1HdfpvsEdJHGS_oQ3R0vdjumQj2ipEA" />
    <input value="4653" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-rosmarin-handseife-korperseife-grossgebinde-10-l-4654">
          <img alt="Seife Rosmarin Handseife, Körperseife Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2844/file/small-df494ac6d1038cc716a930262f428309.webp 600w, https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2844/file/large-8792f7afd7902be618c27dc0e43e2a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.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="/de/products/seife-rosmarin-handseife-korperseife-grossgebinde-10-l-4654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Rosmarin Handseife, Körperseife Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FoI8_s8Sv24k8IiFU064gR-A5HIUcHSWZmLRmQ5Mdrvrrp2CcgHDkRq1DDnXWpVa1TjkWNZzWs0C3csrNLNk-A" />
    <input value="4654" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-lavendel-handseife-gesicht-korper-grossgebinde-10-l-4655">
          <img alt="Seife Lavendel Handseife, Gesicht, Körper Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2845/file/small-36e7e64d0893e1cdd8d207630ff13361.webp 600w, https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2845/file/large-5c7cdce4bdbed1b1b00f5a90eee7d55a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.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="/de/products/seife-lavendel-handseife-gesicht-korper-grossgebinde-10-l-4655">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Lavendel Handseife, Gesicht, Körper Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w3TGjmXp29SQM7wYIgHmH8q-0V8Z70NgBwlZKqpt20E-WGfy2PqnK652OKSmFcvEAAbRddvsbTtjtkOYkJLJAg" />
    <input value="4655" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zubehor-sonett-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
          <img alt="Zubehör Sonett Auslauf-Hahn für 5/10 l Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2847/file/small-fb44c7db0c89b6109d79eb83b0176f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2847/file/large-0e0e29d458b5cd11b18b4fedf25e71d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.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="/de/products/zubehor-sonett-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Auslauf-Hahn für 5/10 l Bidon, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtqN2cAetLAvDRoOlX-l0IkwLVBqxbcQJ8pGx6Jw2WO79iylfQ3ITxFInrIRa4gLQ4gteqjGmUtDdVx1mI_LIA" />
    <input value="4656" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
          <img alt="Vitamin B12 Methylcobalamin Vegan 500µg Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2850/file/small-bfa98abc8cb3d997043f757c67e4ea00.webp 600w, https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2850/file/large-086f0aac2a6f45d2fa30c3d948e6db94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.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">energybalance</p>
          <a href="/de/products/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 500µg Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8uqEVnbt5NShyCcLD6MJmhu_nuMGs9qwaDznJZ8fYdW5wtt5MjLbGzCpCCoKqH9otb-UU4Z4TGlH-kurINvxA" />
    <input value="4665" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-servierzange-kochzange-26cm-1-stuck-4691">
          <img alt="Bambus Küchenhelfer Servierzange / Kochzange, 26cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2853/file/small-6e93eaf0e5d9e93c2feb37645d635291.webp 600w, https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2853/file/large-07f8c537e14a5a9c7131f62e4dfab828.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-servierzange-kochzange-26cm-1-stuck-4691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Servierzange / Kochzange, 26cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CHZ7PLItU1wyw7zHF-BHmL7M9sdnUnSQi8Z4g308Im71WtpADz4vowyGOHuT9GpDdHT27aVRWsvveWIxR8MwLQ" />
    <input value="4691" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-salatbesteck-set-1-stuck-4692">
          <img alt="Bambus Küchenhelfer Salatbesteck Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2854/file/small-b4e10e9229befed735c6142bf9b19afd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2854/file/large-395e31257ba5d2c074bec474c38df557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-salatbesteck-set-1-stuck-4692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Salatbesteck Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MJfiFGnF2vBKAlfnv37ln8gaf38lmZuSRR0LESB-fDnNu0No1NamD3RH01s7ashEAqJ_VeeatckhohGjGoFueg" />
    <input value="4692" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-lochkelle-1-stuck-4693">
          <img alt="Bambus Küchenhelfer Lochkelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2855/file/small-501435500d633222e3965aa3157aaff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2855/file/large-8b813c90e3aa0bacc02e5f11aa97b10c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-lochkelle-1-stuck-4693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Lochkelle, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zewc7PMmBoMcc922n65WCmfc7m7xpu53U-qrXmtSzhcwwL2QTjV6fCI2WQobunvRrWTuRDOlwCw3VbHsUa3cVA" />
    <input value="4693" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-wender-35cm-1-stuck-4694">
          <img alt="Bambus Küchenhelfer Wender, 35cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2859/file/small-6a10e91a8c05fb754edded0e25728f3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.webp 900w, https://assets.fabulous.ch/public/variant_asset/2859/file/large-7c789e13e1f8a1a20bb4b81284b02d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-wender-35cm-1-stuck-4694">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Wender, 35cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N-NjkOzTLEn33Q0MkdiIBoKDtOf2DhUyx96anX1Y1-nKz8LsUcBQtsmYibAVzKXdSDu0zTQNO2mjYYAvR6fFqg" />
    <input value="4694" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
          <img alt="Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2860/file/small-3357bad50c006092f5c152fa96f23c88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.webp 900w, https://assets.fabulous.ch/public/variant_asset/2860/file/large-3b37baf3d139436ff019aa541d66eef2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="07t-ocEeh0JostDpBqlsLoFWwAV5Z4opixNYA9jjfB0ul9_dfA37vVb3VFWCvUH1S-7AL7tkpHLvrEKx4hxuXg" />
    <input value="4695" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zitronensaft-lemon-plus-flasche-bio-200-ml-4749">
          <img alt="Zitronensaft Lemon Plus Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2863/file/small-32541cbdcf3ce004c000a9511d2c4393.webp 600w, https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2863/file/large-5b27b8bee831605487d1face7de43c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.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">Lemon Plus</p>
          <a href="/de/products/zitronensaft-lemon-plus-flasche-bio-200-ml-4749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronensaft Lemon Plus Flasche Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QI4GTizh3bDqv4ll5Zjp8Ei6tCp4ul2AdEbfyIximyC9oqcykfKhT9T6DdlhjMQrggK0ALq5c9sQ-cV6tp2JYw" />
    <input value="4749" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nassfutter-ami-dog-orange-vegan-400-g-4765">
          <img alt="Nassfutter Ami Dog ORANGE Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2862/file/small-551abc5ab5186cd49723d41a16b1245e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2862/file/large-b68c39a1a1bc8854e19b12291ce6642c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-orange-vegan-400-g-4765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog ORANGE Vegan, 400 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 0.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mG0b3Jbsu9n3u8FLd3QRp5ACUWwp4q3HfH6Bgt_TrtNlQbqgK__HJsn-RffzYDx8WrpRRuvhg5wYwZsw5Sy8kA" />
    <input value="4765" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nassfutter-ami-dog-green-vegan-400-g-4766">
          <img alt="Nassfutter Ami Dog GREEN Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2865/file/small-4530ebc01eb20105fdae39e45a085629.webp 600w, https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2865/file/large-5107580dcbf8207d26badf2c77be4fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-green-vegan-400-g-4766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog GREEN Vegan, 400 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 0.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVVO368WRyMbg66vEiLjh9icUIjBn4wErreO_USR-oGcee-jEgU73CXGKhOWNs5cEiRQogOcol_KCJRPfm7owg" />
    <input value="4766" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
          <img alt="Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2876/file/small-2a907519fd609f773a61d9b58137d568.webp 600w, https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp 900w, https://assets.fabulous.ch/public/variant_asset/2876/file/large-cb2cafa6e2b8bde258165b3438505851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.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">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fMfRUja80BQcnrSITu_5idtZmEKkCkVJj9BrTv902qSB63Aui6-s6yLbMDTK-9RSEeGYaGYJaxLrb3H8xYvI5w" />
    <input value="4794" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
          <img alt="Algamaris Sonnenmilch LSF30 Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2879/file/small-3460ad0ef6b53e62cc521637d53fdaf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.webp 900w, https://assets.fabulous.ch/public/variant_asset/2879/file/large-a9039d12add96cbd70d5d188c6dad2fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algamaris Sonnenmilch LSF30 Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_8lndCr6ZaV4bJcXFH5DBL7yoB4BQvxe2YyrBh-UXXwC5cYIl-kZWkYpE6uQam7fdEqgNMNB0gW9M7G0JWtPPw" />
    <input value="4797" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
          <img alt="Zubehör Sonett Abfüllpumpe für 5/10 l Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2880/file/small-a2e5b51b57024c5de1a0df9f0fcd808e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2880/file/large-d8156cc94ba9f9b47b4cd782566960b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.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="/de/products/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Abfüllpumpe für 5/10 l Bidon, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5svXSNB_ys46W4cX4T-B_iJXmEWrFiEXkywghCJAmUMb53Y0bWy2MQQeA6tlK6wl6O-Yb2kVD0z3kzo2GL-LAA" />
    <input value="4807" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
          <img alt="Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2883/file/small-df0c5fc7e84f95a4a4844ec793f8f4ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2883/file/large-a82e93ae17fa51e63dfb6281e1325fa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T92O92FXV9ELKMCGLUalI7p3rGm0xcAO3Af0BTCmPbqy8S-L3EQrLjVtRDqpUoj4cM-sQ3bG7lW4uO63Clkv-Q" />
    <input value="4811" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
          <img alt="Vego Crunchy Aufstrich Schoko-Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2888/file/small-a86d30ead32d7844292b1a9affd8d9f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2888/file/large-ce61e93bbfe966b4f0b8efd9dcb210b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.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">Vego Chocolate</p>
          <a href="/de/products/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Crunchy Aufstrich Schoko-Haselnuss Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N8wDA4VMLjyrt5uG6EN0ZBlFsyqBQ9OXavau7Cjrv03K4KJ_OF9Sw5XyHzpsV1m_0_2zAENA_cwOSbReEhStDg" />
    <input value="4825" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirse-ganz-geschalt-grossgebinde-bio-5-kg-4857">
          <img alt="Hirse ganz geschält Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.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">Bio Grosshandel</p>
          <a href="/de/products/hirse-ganz-geschalt-grossgebinde-bio-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse ganz geschält Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ohIc8bKHF8gbl1_xRGUM7k4mKcuSN_424PWjroniM3xfPr2ND5RrNyXS203AcSE1hJ4p4VA00G2ESrkcsx0hPw" />
    <input value="4857" 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">
      840 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vegan-milker-chufamix?format=turbo_stream&amp;page=43">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>