<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/ol-sonnenblumen-bratol-grossgebinde-biosuisse-3-l-6082">
          <img alt="Öl Sonnenblumen - Bratöl Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3494/file/small-d85228a0b709b96f83995b5cb68023c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3494/file/large-513244094207d23c584f418d2396bc09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.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/ol-sonnenblumen-bratol-grossgebinde-biosuisse-3-l-6082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumen - Bratöl Grossgebinde BioSuisse, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.02 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aC_uWOg2-3MDlagXXLDNxdm2WicOFo7aand9QLj_XS4KLz1qH60r9vKkScf8LwxPRrdE_UKsjTtc4Th6zC-Umg" />
    <input value="6082" 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/ol-sonnenblumenol-grossgebinde-biosuisse-5-l-6083">
          <img alt="Öl Sonnenblumenöl Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3495/file/small-2aa2e57494e36fdc71fde78c1f01569e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3495/file/large-afbb49a1813ee78f13357f612873d3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.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/ol-sonnenblumenol-grossgebinde-biosuisse-5-l-6083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumenöl Grossgebinde BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.02 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O5wD22NmRtSB0vwwUuNbMk7f79B_48uPZ5dnSUazI_FZnNDplP2WUXDjHeDyfJq40d7xCjNZyG5RASJzMmPqRQ" />
    <input value="6083" 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-flocken-grob-grossbebinde-biosuisse-25-kg-6084">
          <img alt="Hafer Flocken grob Grossbebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3497/file/small-89da8431d310e71ed0f8e5851f2402af.webp 600w, https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3497/file/large-eacedc27193ef242d22e45158118c61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.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-flocken-grob-grossbebinde-biosuisse-25-kg-6084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Flocken grob Grossbebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 137.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MH4zG1XQ1DYFTHkY4GLiHioQxnHjAnK-Cp7i6dOFpiWwSv-msyT1Skk0DTDHkoC56ldw4s2CivOvD6x057fLA" />
    <input value="6084" 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/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="5WKsZicIpCsoikByA7rfe08FqH6xHozjMkgJ3fEXFuuHYn9U0JN0rtm7oaKjJR7x0AS2pP2kjwIE3kznhcffXw" />
    <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 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="pIZiYqbglMELfUn8R6Q_XJSVvIKlqToOoneNrqw1JPHGhrFQUXtERPpMqCznO_7WC5SiWOkTOe-U4ciU2OXtRQ" />
    <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/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="NOa7qx4SDYqx4hwxL0J8FF274mBOuA-dHlKYS14gSxJW5miZ6YndD0DT_eGP3b2ewrr8ugICDHwoxN1xKvCCpg" />
    <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/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="cpMSAUfXvvNc-2F6GD4v4KTb8XTQEw2WN_9k5OLHfMIQk8EzsExudq3KgKq4oe5qO9rvrpypDncBaSHelhe1dg" />
    <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  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-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="SbzSU5J6WsY7o6Fo1dZWNPrF4zxDi7M94LftVJ7uoLUrvAFhZeGKQ8qSQLh1SZe-ZcT95g8xsNzWIahu6j5pAQ" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-schnetzel-grosspackung-glutenfrei-1-kg-6234">
          <img alt="Soja Schnetzel Grosspackung Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3594/file/small-7c120ece5322df971a5319ae078671d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3594/file/medium-0afdba3b9fc5211560d7082923098196.webp 900w, https://assets.fabulous.ch/public/variant_asset/3594/file/large-cc2b3f680e4b0b3b9c4a326958721455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3594/file/medium-0afdba3b9fc5211560d7082923098196.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">Vantastic</p>
          <a href="/de/products/soja-schnetzel-grosspackung-glutenfrei-1-kg-6234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Schnetzel Grosspackung Glutenfrei, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/datteln-mit-stein-deglet-nour-grossgebinde-bio-5-kg-6280">
          <img alt="Datteln mit Stein Deglet Nour Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3611/file/small-b9e0202679ae1fffaa6d43c86fd001ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3611/file/medium-6ef675917388491ad1fda59027d4b166.webp 900w, https://assets.fabulous.ch/public/variant_asset/3611/file/large-7eb6433d1dcec2762f29defca07dc400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3611/file/medium-6ef675917388491ad1fda59027d4b166.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/datteln-mit-stein-deglet-nour-grossgebinde-bio-5-kg-6280">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln mit Stein Deglet Nour Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aSTXLvEriB0zCIevAt-vmSDzdjaURFXR9wbx3mAMv8QLJAQcBrBYmMI5Zn-iQG4Tv_Jo7Nj-VjDBkLTkFNx2cA" />
    <input value="6280" 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/haselnusse-grossgebinde-bio-5-kg-6727">
          <img alt="Haselnüsse Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3887/file/small-5d0654baa76e27b72a3b70bd5758e519.webp 600w, https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/3887/file/large-dddb95c8abd57d5e0b8adf238c1dbb7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.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/haselnusse-grossgebinde-bio-5-kg-6727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hqBpN1bMmtcYlE80IZpT7g40sg50fJ3pZ_hapv2-oi_koLoFoVdKUumlruSBBZJkkTWs1DjGnghRbh-ciW5rmw" />
    <input value="6727" 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/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
          <img alt="Kokosfett 100% Grossgebinde Eimer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3899/file/small-11c6e8b3eba9e5508c81b0d8da8b8279.webp 600w, https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.webp 900w, https://assets.fabulous.ch/public/variant_asset/3899/file/large-0d180afff0b4c9060d11879222f78dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.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/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosfett 100% Grossgebinde Eimer Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 81.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z8Ir0teyNuZ6HFHd58T_EZ6K5-fPKbuAgEswv8AFyz6twvjgICnmY4stsA1HWz6bAYv5PYOTuGG23XWFtNUCig" />
    <input value="6746" 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/sesam-grossgebinde-bio-5-kg-6824">
          <img alt="Sesam Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3954/file/small-adf01abdcceabeaaaed7311704644926.webp 600w, https://assets.fabulous.ch/public/variant_asset/3954/file/medium-2b82b9752c82b6d1173599abfbce9c97.webp 900w, https://assets.fabulous.ch/public/variant_asset/3954/file/large-e538e40ecbb798a3ab170a9d21f803ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3954/file/medium-2b82b9752c82b6d1173599abfbce9c97.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/sesam-grossgebinde-bio-5-kg-6824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesam Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.05
            </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-6824-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvshhluFaHJPFCQyqO1JQUTPk_GnjUZ8Lv9GZV8gZATw-_K0rB64974lxeIIcojL286NK-s3RZ0YaQNfK_CtsA" />
    <input value="6824" 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/dinki-geschnetzeltes-an-neutraler-marinade-gastropack-bio-1-kg-6834">
          <img alt="Dinki-Geschnetzeltes an NEUTRALER Marinade Gastropack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3955/file/small-f3220c9de20ba04feb3cdce124df0dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.webp 900w, https://assets.fabulous.ch/public/variant_asset/3955/file/large-88b94682f7a8251210be390e47ab9f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/dinki-geschnetzeltes-an-neutraler-marinade-gastropack-bio-1-kg-6834">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki-Geschnetzeltes an NEUTRALER Marinade Gastropack Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.85
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T2yyo4OTKXjUTvHg6gwUUO2z9huBMQ0s_BZg95YlnCMtbGGRdAj5_SV_EDBKk9XacrLowc2LDs3KgCXN4vVVlw" />
    <input value="6834" 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/reis-rundkorn-vollreis-grossgebinde-bio-5-kg-6835">
          <img alt="Reis Rundkorn Vollreis Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3958/file/small-dbb5b051e665ba2341d2c4c3439ea638.webp 600w, https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3958/file/large-aeba292d82291cec1a7ead73c0c09a1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.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/reis-rundkorn-vollreis-grossgebinde-bio-5-kg-6835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Rundkorn Vollreis Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XeI9ev4ETC5LEa3DQU-Nss65eeRufBhjvwWQSAxjV3k_4u5ICZ-cq7ogTBPh0Ew4UbhnPiLGG4KJk9VyeLOezQ" />
    <input value="6835" 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/kichererbsen-grossgebinde-knospe-bio-5-kg-6887">
          <img alt="Kichererbsen Grossgebinde Knospe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3985/file/small-1319f9b714fd6db50074f745bf4a1746.webp 600w, https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3985/file/large-7deccd0e8bae0b7ebf3f1b839e6a41f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.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/kichererbsen-grossgebinde-knospe-bio-5-kg-6887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen Grossgebinde Knospe Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8-ZM2tPI0sF9YWdYPkDeDPb-elv_caFSfphpDVeWUt-R5p_oJFMCRIxQhoie3x-Gaf9kgbPLorNIDiw3I0abaw" />
    <input value="6887" 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/bohnen-rote-kidney-beans-grossgebinde-bio-2-5-kg-6889">
          <img alt="Bohnen rote Kidney Beans Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3987/file/small-af29b8e6db586c0ab652a56585376a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.webp 900w, https://assets.fabulous.ch/public/variant_asset/3987/file/large-ebbd0fccc760e196b92a86f9301dc465.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.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/bohnen-rote-kidney-beans-grossgebinde-bio-2-5-kg-6889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen rote Kidney Beans Grossgebinde Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h2EW7Q8Y__r8Ay5huQMR5Hfjkf-T5Slz6lqEiTWPwODlYcXf-IMvfw0yz7EZnNBu6OKPJd9fKpLczMGzQV8JVA" />
    <input value="6889" 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/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
          <img alt="Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.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/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.02 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzySuJJpeoKC7302V3s9Bbz7t5IqmZz9xT_MY_PB8e9dPEGKZfKqB3PenOb35PyPI_qpSGYjnxzzqYlZhxE4Ww" />
    <input value="6954" 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/orangen-kraft-reiniger-grossgebinde-10-l-6990">
          <img alt="Orangen Kraft-Reiniger Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4046/file/small-336a575c87f770dab35cbbf6a8359cc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4046/file/large-a591d9fef6ddfe5462a0719103573176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.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/orangen-kraft-reiniger-grossgebinde-10-l-6990">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orangen Kraft-Reiniger Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JBIMn0SHcQ12kh1J-btzcIMFjOxEQsmgQOR7gqFY2nhGEt-tsxyhiIej_JlZJLL6HASSNgj4ykF2cj641YgTzA" />
    <input value="6990" 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/bleichkomplex-und-fleckentferner-grossgebinde-5-kg-6996">
          <img alt="Bleichkomplex und Fleckentferner Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4045/file/small-548bdd18ea378ce302cf99cffe963760.webp 600w, https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4045/file/large-bc906860f1b25b52f50d9f67f5dda37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.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/bleichkomplex-und-fleckentferner-grossgebinde-5-kg-6996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleichkomplex und Fleckentferner Grossgebinde, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iAeKyu3nyi70LyGLDGBAV2ckLW_ef7I0ZYkULxa2awzqB1n4GnwaqwUewFus_4Hd-CUztZLFsdVTH1EVYmaiuA" />
    <input value="6996" 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">
      40 von 109 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/low-waste/grossgebinde?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>