<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/weizen-korner-grossgebinde-biosuisse-5-kg-6085">
          <img alt="Weizen Körner Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3498/file/small-b518874da1f4a6aa33a1a68649c21c79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3498/file/large-a898e2e6fed18f5b8301b94ea8db42a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.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="/de/products/weizen-korner-grossgebinde-biosuisse-5-kg-6085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weizen Körner Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Nznod1YvIwpgkZW998dz4GX97-gbw1f_xdDJMZFHbQtv9M4umfFjVh0FBF1JlRyl3vzw2CA0F9zxsbhHyceBg" />
    <input value="6085" 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/dinkelkorner-grossgebinde-biosuisse-5-kg-6086">
          <img alt="Dinkelkörner Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3499/file/small-59b451a11d713fdd9d669f3218c0a1ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3499/file/medium-b780b1fce1d1640a4584e3fbadba32dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3499/file/large-10939c406ddca76aa3086a5709ce941e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3499/file/medium-b780b1fce1d1640a4584e3fbadba32dd.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="/de/products/dinkelkorner-grossgebinde-biosuisse-5-kg-6086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkelkörner Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lhupzyDKvz4uzi5bKvoA3odbP5aetbb9Z95XNZDfq-VDeJ1WR_XGP184fByoA0ljkbc76l5aa_3rD9LwSb2oVw" />
    <input value="6086" 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/backpulver-meister-backpulver-bio-17-g-6087">
          <img alt="Backpulver Meister Backpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3501/file/small-697978d38afd9087a9270c9fbc7c70dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp 900w, https://assets.fabulous.ch/public/variant_asset/3501/file/large-60d797bbb70e7a9759e03b800a2cf56f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.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">Biovegan</p>
          <a href="/de/products/backpulver-meister-backpulver-bio-17-g-6087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backpulver Meister Backpulver Bio, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tbKtn78ocLFwiXLtl1gR5Ekca2SeQoIOr66EaS-6R5Bg0ZkG2BcJsAF_IKoVoVhZX_BvGF6tXw4jfwGs9thEIg" />
    <input value="6087" 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/zahnpasta-vitamin-b12-vegan-fluoridfrei-75-ml-6104">
          <img alt="Zahnpasta Vitamin B12 Vegan Fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3506/file/small-fb1e9b2c7d83575140f46382c227a83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.webp 900w, https://assets.fabulous.ch/public/variant_asset/3506/file/large-f2a4416e01b9d61dd67012c00c1e6ab9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-vitamin-b12-vegan-fluoridfrei-75-ml-6104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Vitamin B12 Vegan Fluoridfrei, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clPlla9dugMYwFsI6UGRaulVdWhnk1ue4sIZnEFe4hunMNEMyGLDAmk2CU9ruNjX_7lxFKd8hp5uE5xZmDzhqQ" />
    <input value="6104" 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/hafer-ganz-grossgebinde-bio-25-kg-6131">
          <img alt="Hafer Ganz Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3517/file/small-424ded6f0b951d9ca4907798e431e9ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/3517/file/medium-ea90d350609886613cfef6774f154915.webp 900w, https://assets.fabulous.ch/public/variant_asset/3517/file/large-5938c77dad225d144bcd2a67866479de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3517/file/medium-ea90d350609886613cfef6774f154915.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="/de/products/hafer-ganz-grossgebinde-bio-25-kg-6131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Ganz Grossgebinde Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 101.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tg4YcmIehiHVgvgmU5HIrtvaXC58ae3NKHGr77bP-CebbSzrBSH_IKR0qmHRaIETzTZYUryGMM2koC4qb637lQ" />
    <input value="6131" 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/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
          <img alt="Life Crackers Italian Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3520/file/small-edbcda6be34441abb7867588c3a5dfcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/3520/file/medium-f33f22f2228ce8cd99486c2542c3b96c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3520/file/large-f0cc0dda0c14b9b25871dcc9aca2c2ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3520/file/medium-f33f22f2228ce8cd99486c2542c3b96c.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">Lifefood</p>
          <a href="/de/products/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Italian Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q8j-0_Hp2H5sLvNwNwWZvcV9DX9969X3O-9FiWdX7gGWq8pKltahfx3YoTe1_NAA05EJA70ECPe3PsBMvjXtsw" />
    <input value="6140" 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/spargel-weiss-im-glas-bio-280-g-6143">
          <img alt="Spargel Weiss im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3523/file/small-cfe599d33f5e0c2a02e1a226a26e9a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3523/file/large-4ca8e9f4fe0e8b1ddc0c40061bb3b93f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.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">Naturata</p>
          <a href="/de/products/spargel-weiss-im-glas-bio-280-g-6143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spargel Weiss im Glas Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8zjk2Xj5FW1JNjigm_PflM2hsjDOt0GL-YrVE86FYMgmW9BAH8ZsbDjAaucZCpYp2022TA5YnIt1W1DWF-djeg" />
    <input value="6143" 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/mungobohnen-keimlinge-ohne-zuckerzusatz-bio-330-g-6149">
          <img alt="Mungobohnen Keimlinge Ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3532/file/small-9c0b39e90aebab9f882975f1c26d6d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.webp 900w, https://assets.fabulous.ch/public/variant_asset/3532/file/large-517d0e098f2f29e3ef1def0a6595a399.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.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">Arche</p>
          <a href="/de/products/mungobohnen-keimlinge-ohne-zuckerzusatz-bio-330-g-6149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mungobohnen Keimlinge Ohne Zuckerzusatz Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bvnp2wu5zyl289Ou7kXSG2kTwa1yvnsM7KI06Knc3BLTmt1CbIa2KAcFgelsvJumf__F0bJRpgxgc7EtcL7foA" />
    <input value="6149" 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/knackebrot-croq-hafer-sesam-chia-glutenfrei-bio-160-g-6151">
          <img alt="Knäckebrot Croq&#39; Hafer Sesam Chia Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3536/file/small-0adde340737380b3bee547951cd98821.webp 600w, https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3536/file/large-c7699bb1b86dff2faa759168c0266603.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/knackebrot-croq-hafer-sesam-chia-glutenfrei-bio-160-g-6151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knäckebrot Croq&#39; Hafer Sesam Chia Glutenfrei Bio, 160 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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ihpGakvNwo2DTik3RDsx-ZgqaslPKFG8A-HOsGWW_oBfeXLzLPK7jPK4e3DGwnhEjsZutY_HjLyPMEt1vPT9Mg" />
    <input value="6151" 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/obst-und-gemuse-beutel-plastikfrei-bio-2er-pack-1-stuck-6158">
          <img alt="Obst und Gemüse Beutel #plastikfrei Bio, 2er Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3541/file/small-389e63c3c3eefd34f5f6c45feacbda74.webp 600w, https://assets.fabulous.ch/public/variant_asset/3541/file/medium-5b03eda68d5e117dcddbadd357403528.webp 900w, https://assets.fabulous.ch/public/variant_asset/3541/file/large-a16903abcf1e05026d928866705de096.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3541/file/medium-5b03eda68d5e117dcddbadd357403528.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">memo</p>
          <a href="/de/products/obst-und-gemuse-beutel-plastikfrei-bio-2er-pack-1-stuck-6158">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Obst und Gemüse Beutel #plastikfrei Bio, 2er Pack, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ctNsI2jFTE8gnBSfljtW3CNi3n-T-LRLXbrtimrhuVCnsFi6D_o1TlFqRtgUwh9hNY7aA1MXaUvRa2hPs4O64g" />
    <input value="6158" 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/seifendose-aus-flussigholz-plastikfrei-1-stuck-6160">
          <img alt="Seifendose aus Flüssigholz #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3543/file/small-aec8ae4d704f2eccb90c55b53b88d512.webp 600w, https://assets.fabulous.ch/public/variant_asset/3543/file/medium-d0fde6cb1a6b786e3dee8dca25f00e5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3543/file/large-004bf268a70ba74640df6531d8050983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3543/file/medium-d0fde6cb1a6b786e3dee8dca25f00e5c.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">Saling</p>
          <a href="/de/products/seifendose-aus-flussigholz-plastikfrei-1-stuck-6160">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seifendose aus Flüssigholz #plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FEmE5tbFeRwHaA0yAUq73HkF4bawZYcgPqBwF_iJeubBKrB_sfoAHXaeX3WDs_Jhb-nlynCKWiCycfXSIet5VA" />
    <input value="6160" 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/pasta-simona-spaghetti-vollkorn-teigwaren-grossgebinde-bio-5-kg-6176">
          <img alt="Pasta Simona Spaghetti Vollkorn Teigwaren Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3549/file/small-cf0a35592ba29ba6ba5e718d4f6aa3b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp 900w, https://assets.fabulous.ch/public/variant_asset/3549/file/large-2123a1f8462f85f788f19f7a09471a70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.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">Pasta Simona</p>
          <a href="/de/products/pasta-simona-spaghetti-vollkorn-teigwaren-grossgebinde-bio-5-kg-6176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Spaghetti Vollkorn Teigwaren Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="veCUvplBXVcZTB41NGd0QkVqNxPgLV9A6MYwjTX_NlBog6An_n4kVmi6THK2nj3_U4YzbyDCgkBkF7VI7J014g" />
    <input value="6176" 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/ginger-party-ingwer-mus-glas-bio-240-g-6179">
          <img alt="Ginger Party Ingwer Mus Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3552/file/small-fda3e88bd749628cb5209431583d3a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3552/file/large-9ceef8bfef4b21fda9a377e6499f7716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.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 ginger party</p>
          <a href="/de/products/ginger-party-ingwer-mus-glas-bio-240-g-6179">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginger Party Ingwer Mus Glas Bio, 240 g</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 2.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7gWbxxMWJuyoC_UImCFX06Q4HBlBsDWxuWZZF4yHm947Zq9edClf7dn9p08a2B5ustQYZYFf6LE1t9zSVeWYbA" />
    <input value="6179" 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/wurzelkraft-elixier-curcuma-konzentrat-bio-200-ml-6191">
          <img alt="WurzelKraft Elixier Curcuma Konzentrat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3556/file/small-70814b419278e5d6a725a08795b58331.webp 600w, https://assets.fabulous.ch/public/variant_asset/3556/file/medium-c058855d06dded509f2ed100ec7499bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3556/file/large-57cd465df84fc4b87c72cf680b486606.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3556/file/medium-c058855d06dded509f2ed100ec7499bf.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">Retter</p>
          <a href="/de/products/wurzelkraft-elixier-curcuma-konzentrat-bio-200-ml-6191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WurzelKraft Elixier Curcuma Konzentrat Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FfH5fZaVA7u8HhSi_S57iOd5o69hGT1a1GtXtFr6-2jAks3k8ap6us3oRuV_1zI18ZWn06H24FpYutJxg5j42g" />
    <input value="6191" 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/hanfpesto-rot-chili-bio-150-g-6192">
          <img alt="Hanfpesto Rot Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3557/file/small-e108a425f72097a6233b4e42a8ffe8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.webp 900w, https://assets.fabulous.ch/public/variant_asset/3557/file/large-c3a2e5f2230d15434adca86ea772a850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfpesto-rot-chili-bio-150-g-6192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfpesto Rot Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vVBNLmVdEznb5N75qQ9vbCA-9qXPePHGgTTwxFw7HNxoM3m3AmJqOKoSjL4r9ibRNtLy2Q-XLMYN5XUBhVkfbg" />
    <input value="6192" 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/haferkleie-glutenfrei-demeter-300-g-6193">
          <img alt="Haferkleie Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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">Bauckhof</p>
          <a href="/de/products/haferkleie-glutenfrei-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferkleie Glutenfrei Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G8A1NItFMwVrZyOk4i49gE0oLMnNRN6_MDki0wFp3mLOowGt7HpKBBqRceNg13Q9W8QotQ2rA7-86KcW2Avd0A" />
    <input value="6193" 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/mundwasser-tautona-dent-coolmint-460-ml-6205">
          <img alt="Mundwasser Tautona-Dent Coolmint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3564/file/small-fbe78b4be4e16c448bc0563a5e8085b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3564/file/medium-cbae9be387e56a69dbf29f2a51426c62.webp 900w, https://assets.fabulous.ch/public/variant_asset/3564/file/large-a8b518953126d09f0b6dc809946e0f05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3564/file/medium-cbae9be387e56a69dbf29f2a51426c62.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">Tautona</p>
          <a href="/de/products/mundwasser-tautona-dent-coolmint-460-ml-6205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mundwasser Tautona-Dent Coolmint, 460 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GowWLIVt2A06F_bYvRp98gq6eVJ_5JD_A1eLiKYkjp_P7yK14lKhDEvhpJ8_4zRPHFZ9Lr8LTf-Phg5Nf0aNLQ" />
    <input value="6205" 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/pasta-simona-tagliatelle-hartweizen-teigwaren-grossgebinde-bio-5-kg-6207">
          <img alt="Pasta Simona Tagliatelle Hartweizen Teigwaren Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3566/file/small-2643f8a6f16b7ecdedeff40204ef3174.webp 600w, https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3566/file/large-e9e67170a91bba9a9351bbe68b4e2253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.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">Pasta Simona</p>
          <a href="/de/products/pasta-simona-tagliatelle-hartweizen-teigwaren-grossgebinde-bio-5-kg-6207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Tagliatelle Hartweizen Teigwaren Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="669B67AoCSbpTCiIzyiga068xcoCM9BnaCMgl3NXuBI-zHVy1xdwJ5i6es9N0enWWFDBtsLcDWfk8qVSqjW7oA" />
    <input value="6207" 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/pasta-simona-hornli-hartweizen-teigwaren-grossgebinde-bio-5-kg-6209">
          <img alt="Pasta Simona Hörnli Hartweizen Teigwaren Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3567/file/small-712b62bd89eaa6a92f1b2f7b5c602fe4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3567/file/medium-e2cb3fcab358693ac2d135e6625b850e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3567/file/large-5cb6fdbe3264be2e3219e9f74bcdedee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3567/file/medium-e2cb3fcab358693ac2d135e6625b850e.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">Pasta Simona</p>
          <a href="/de/products/pasta-simona-hornli-hartweizen-teigwaren-grossgebinde-bio-5-kg-6209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Hörnli Hartweizen Teigwaren Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3kbI9InOeUtOcgw2NoU0O6WExze7u9pFJwOmXuUoWygLJfxt7vEASj-EXnG0fH2Gs2jDS3tUB0Wr0iObPEpYmg" />
    <input value="6209" 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/korn-quetsche-mit-holztrichter-eschenfelder-1-stuck-6220">
          <img alt="Korn-Quetsche mit Holztrichter Eschenfelder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3585/file/small-4fa83890379a97865ae6390860e3754c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3585/file/medium-66bfa4aea3b425518f509752eb5c76bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3585/file/large-c84fcb3965a540106d4c72c9d7dc3558.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3585/file/medium-66bfa4aea3b425518f509752eb5c76bd.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">Eschenfelder</p>
          <a href="/de/products/korn-quetsche-mit-holztrichter-eschenfelder-1-stuck-6220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Korn-Quetsche mit Holztrichter Eschenfelder, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 235.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JNShZtq8Qs3mhf77f8NjoFiWSWOsT89Rz0lIDFItopDxt5X_vYM7zJdzrLz9OiodTnpNH2ygElFDmM3Ji0-hIg" />
    <input value="6220" 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">
      980 von 3&#39;175 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=50&amp;q=vitamix">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>