<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/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
          <img alt="Soyana Swiss Cereal Hafer-Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5281/file/small-65a79b19c8145d2bde3a0cc53ab46e2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5281/file/large-e9aeb39bfa1652fd3c283ea23744d2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.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/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Cereal Hafer-Drink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y2a3GV0X2pq5yH8qB0OK-B-pZmIcAyZJn2FwGypHHr00cXE8N62Q5nSvjBNMCd4i_nkd5fDIU3RNSRjabQPfXg" />
    <input value="9288" 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/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
          <img alt="Haferdrinkpulver mit B12 Bio, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferdrinkpulver mit B12 Bio, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r7iBaXdhftZSeqbkQQOxptT3iYYSEu5cnC0o4puO8b_4r0dMHds0qp8dVd0KSeV8NSfyAf7Zm2FOBUAj3MowXA" />
    <input value="15847" 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/xanthan-glutenfrei-60-g-3395">
          <img alt="Xanthan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/de/products/xanthan-glutenfrei-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xanthan glutenfrei, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ldpDvwbXACPEN9VE8vYwm00sgyBWm-kedBbeIT_Nka7CzYWabG1KXwlQJn25vGRBrPz4p7pQnCOmPrbgeIlQTQ" />
    <input value="3395" 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/biber-s-weiss-saisonmotiv-bio-80-g-7932">
          <img alt="Biber-S weiss Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4655/file/small-18dfaa198c36a9d43d00f8dd87bb5614.webp 600w, https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4655/file/large-1cac283102d747d7e735bdc448d109bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-weiss-saisonmotiv-bio-80-g-7932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S weiss Saisonmotiv Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LiNIM9kmTh_bskYAlq3_cCEjWcC9uUpeSCmAGg9qq0d5NI4Ws5wEYxbVtTnd56uqwPMiR1FyP2OaAejbSC5qpA" />
    <input value="7932" 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/baumnuss-lackerli-s-bio-75-g-16771">
          <img alt="Baumnuss-Läckerli S Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7787/file/small-696fcf73a23b6b502096ed158faa5867.webp 600w, https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7787/file/large-5b596dcfbae5b50325a22d1eaca348d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/baumnuss-lackerli-s-bio-75-g-16771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnuss-Läckerli S Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tOTU3YoZaVAUhAlT2fYr4EUICf9MRG5tbumtfpK4fWTj8xL44KMjLNnj-mqSvH86pNhyeKCPG1C8wcW_1fy8hw" />
    <input value="16771" 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/amaretti-vegan-bio-32-g-9198">
          <img alt="Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5226/file/small-6fbe5511ea7c29c2b138999364675d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/5226/file/large-b00676c8b6d52ad15e21cd8005661b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/amaretti-vegan-bio-32-g-9198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Bio, 2 x 32 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 7.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RL7ucu9QJRXEZEDYbfTM1-9MEik4WcqTrQmJ5HozknsTqShXhepvaQkDs-EmvpgNDpxprtSSv65_IeElPXdTmA" />
    <input value="9198" 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/beet-jerky-randen-snack-alpen-chili-bio-40-g-16009">
          <img alt="Beet Jerky Randen Snack Alpen-Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/de/products/beet-jerky-randen-snack-alpen-chili-bio-40-g-16009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Jerky Randen Snack Alpen-Chili Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvnqS9L7QOdXlamva6ViopsoMPdjukdCzpluv-pAipI57ixuuEEKm5ryWpYg7zZ4evhLcI9xMn8csQZ-rQRLcQ" />
    <input value="16009" 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/maisgriess-mittel-polenta-glutenfrei-grossgebinde-biosuisse-5-kg-9235">
          <img alt="Maisgriess mittel (Polenta) Glutenfrei Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5263/file/small-f3f3e72112f907081ec2fa4e17ef8567.webp 600w, https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5263/file/large-f32a2efbc8f4ed466c821f6bc045350d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.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/maisgriess-mittel-polenta-glutenfrei-grossgebinde-biosuisse-5-kg-9235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maisgriess mittel (Polenta) Glutenfrei Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="31svljoGiErJIrpFc_MqkK3269TYcpo_64m3soTS0iOITOmzULzCNgRFSXw4uX5KTCaQUzS57wI5od9zw5YTwA" />
    <input value="9235" 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/salz-himalaya-kristallsalz-fein-gemahlen-jodfrei-400-g-1020">
          <img alt="Salz Himalaya Kristallsalz fein gemahlen Jodfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/894/file/small-46e8caf42d68c043679fd1a836f6765a.webp 600w, https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/894/file/large-24f3105531facd9613ddc874d29898f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.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">VitaSal</p>
          <a href="/de/products/salz-himalaya-kristallsalz-fein-gemahlen-jodfrei-400-g-1020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Himalaya Kristallsalz fein gemahlen Jodfrei, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GuxhjXoDErw2eJzgFgHbG3fs797LXYeuqUQmNM_BXJxN-6eoELlYwPsfb9ldS4_BljyUWSeW8pN7bE71iIWdfw" />
    <input value="1020" 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-in-der-dose-bio-400-g-623">
          <img alt="Kichererbsen in der Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/568/file/small-e94a248af3899e3e596324ec8a74d41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp 900w, https://assets.fabulous.ch/public/variant_asset/568/file/large-0785d1ae1dd1e0dfda69060384c2d288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kichererbsen-in-der-dose-bio-400-g-623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen in der Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gsNJqTduT7MOZBUaH0Wa0VmOFOYWWScbrVk0B8HTMHTV1I-MXdQFz8MD5iNUD84LuF5vYfqSUiZ_cVzGhpfxlw" />
    <input value="623" 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/geschalte-tomaten-in-tomatensaft-demeter-660-g-14925">
          <img alt="Geschälte Tomaten in Tomatensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6845/file/small-82dd849b4823986db28f927833a58abe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6845/file/large-6538e0be33c827257fa52453c4184f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.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/geschalte-tomaten-in-tomatensaft-demeter-660-g-14925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschälte Tomaten in Tomatensaft Demeter, 660 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </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-14925-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OjJlkhThJVIe3I6_2_fkEH2ouURCy-d8QHSH46ebEr5tJaO3fltvLtO7fYaQvbDKnHjCw64AkkGSXO8i4N_TXQ" />
    <input value="14925" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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/dattelzucker-bio-400-g-16876">
          <img alt="Dattelzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7873/file/small-6a1caf58b430e67cbe975d62e5d98259.webp 600w, https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7873/file/large-978296e814ef078d7df0eb58709cfdb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.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">Govinda</p>
          <a href="/de/products/dattelzucker-bio-400-g-16876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelzucker Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uqy2-_e0-wVsXm7LFbrHUYN7HnaQqAdHF3OR4mVUrUHtu3DenQ6xeaE5nfJe8JOLYqtl8XxjcnrFW_kjIhBsog" />
    <input value="16876" 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/mehl-reismehl-vk-glutenfrei-demeter-500-g-767">
          <img alt="Reismehl Vollkorn glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8868/file/small-4d6873aeafb1f0f4394ee851272ff4cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/8868/file/large-f5b80da44600a65fbe6667e2b18cee6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.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/mehl-reismehl-vk-glutenfrei-demeter-500-g-767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reismehl Vollkorn glutenfrei Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cMxfYyBSN1JMdVKEjF39tMvKOaANEipagj3zLMakmUUn25lGSuh9LoESob3HF6luKhpCJ-HZX2dQFZvtgeBYpg" />
    <input value="767" 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/weisse-bohnen-glas-demeter-350-g-7373">
          <img alt="Weisse Bohnen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4231/file/small-8f03e14db05e74164d731b88a7391230.webp 600w, https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4231/file/large-7a42548b1c821609c6b7eec852369780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.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">Nur Puur</p>
          <a href="/de/products/weisse-bohnen-glas-demeter-350-g-7373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Bohnen Glas Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-O2jtmJBNQJPWncAjg3JkkRkPcvhXZ9dTBZbM3EpXP2v-mWTCPt_foI9hDnFR51IpbRGTA2W6mCePjPyNm2dHg" />
    <input value="7373" 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/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
          <img alt="Cookies Tout Choco Schokostückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/de/products/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Tout Choco Schokostückchen Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xtg_JV7DE1MhOHyZhz5dLAUzdM3fb1n1mrHpTCqPlpORz_kANHlZL-xfj6DMdAn25OMPSjOkLMhImYGNbctXcA" />
    <input value="5260" 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/vegegg-auf-lupinenbasis-vegane-alternative-zu-eiern-bio-175-g-1135">
          <img alt="VegEgg auf Lupinenbasis, Vegane Alternative zu Eiern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1013/file/small-29c4c7aa69ed333ed739132f1deb781f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1013/file/large-85bc098d90e2f17b3cf339c48e93e3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.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/vegegg-auf-lupinenbasis-vegane-alternative-zu-eiern-bio-175-g-1135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VegEgg auf Lupinenbasis, Vegane Alternative zu Eiern Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uzb1g5iJCDqi3aospBXMnw5fWBAD7ZCGCHhAEFBBaiIEITOm8jNCRm-6WRXvX5hF748jl-8m5bvaUCjRFwWrwQ" />
    <input value="1135" 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/voelkel-zitronensaft-demeter-200-ml-16576">
          <img alt="Voelkel Zitronensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7638/file/small-6182ba28587a9b3e25c77f1113bcea62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.webp 900w, https://assets.fabulous.ch/public/variant_asset/7638/file/large-d556adc6e53b5f56960ac528b515e5fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.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">Voelkel</p>
          <a href="/de/products/voelkel-zitronensaft-demeter-200-ml-16576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Zitronensaft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YbzFOpRcl3S1Nti74lSiHbtp1jbJEO3ZwcWhzQuYLPQ2qwMf_ubdCHhRK4KpHvbHWrmtsSXbmOQT7ckMTNztFw" />
    <input value="16576" 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/ei-ersatz-glutenfrei-250-g-7d5fb16e-88ff-4b24-b4a0-258f0d979f71-16910">
          <img alt="Ei-Ersatz glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7883/file/small-63ef0c23def2297565b0b61d2ad99153.webp 600w, https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.webp 900w, https://assets.fabulous.ch/public/variant_asset/7883/file/large-ed925d401c490c865fcd0156fd8a2d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.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">Hammermühle Organic</p>
          <a href="/de/products/ei-ersatz-glutenfrei-250-g-7d5fb16e-88ff-4b24-b4a0-258f0d979f71-16910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ei-Ersatz glutenfrei, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSO3Sm6OKbW1B73aOMoVEPut0TGEiKTur_4DwyHFqbzqNHFvBDRjyXhgTuNzgEHKGn2qtmhD0dN91msCZoFoXw" />
    <input value="16910" 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/cuisine-mandel-bio-500-ml-6842">
          <img alt="Cuisine Mandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3965/file/small-d84c2a6bd82442762f57e403365b5569.webp 600w, https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/3965/file/large-8d0636fc8abd5ee6abd8a0abd391d137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.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">Ecomil</p>
          <a href="/de/products/cuisine-mandel-bio-500-ml-6842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Mandel Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4qNnF-jrWPLqP_pLyJ03gn8M_DE3I_hR-CLxIzbiL5K1tKEyglESjidYCXKD12NYntyHttvojWwqCpnicabucQ" />
    <input value="6842" 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/voelkel-kombucha-limette-ingwer-bio-330-ml-16575">
          <img alt="Voelkel Kombucha Limette Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7640/file/small-8dabb88d251b9447705d1c24277b5c3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7640/file/large-c80d76589027742df58b33fbeb217e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.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">Voelkel</p>
          <a href="/de/products/voelkel-kombucha-limette-ingwer-bio-330-ml-16575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Limette Ingwer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYDNpSHyhCUeHGrvDf6hrqrKXF5NfmRH4NtVoMvlcPF2lwuAS0jOWdN7mdZGtPV0Sxon2aG1EXoy8z1hjKGxEg" />
    <input value="16575" type="hidden" name="variant_id" id="variant_id" />
    <input value="10" 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">
      820 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/progana-muhle-rytz?format=turbo_stream&amp;page=42">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>