<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/protein-balls-kakao-hanfsamen-bio-50-g-9327">
          <img alt="Protein Balls Kakao &amp; Hanfsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5307/file/small-b73feb72705ee15fefc03ca5674cbacd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5307/file/large-d092d23c1345b37aae7adb243b32a5a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.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">followfood</p>
          <a href="/de/products/protein-balls-kakao-hanfsamen-bio-50-g-9327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Kakao &amp; Hanfsamen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rp2lpVwZ0Ta8rkfh_8yuy6FQdOhYXAL2JwKBGzfNO3QvuXujWxALVfsuGh-HH76ilj3lnrrQPyYOzcAogpiuiw" />
    <input value="9327" 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/protein-balls-himbeere-chia-bio-50-g-9328">
          <img alt="Protein Balls Himbeere &amp; Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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">followfood</p>
          <a href="/de/products/protein-balls-himbeere-chia-bio-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Himbeere &amp; Chia Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ifs0iv1asC6esha3_o5FSUbBw6MhB5m_ea-lbyLeCxbAzLULPywo_36laSnKSl8EnaWeG4II7bUKf-mCd7t0w" />
    <input value="9328" 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/protein-balls-mango-kokos-bio-50-g-9329">
          <img alt="Protein Balls Mango &amp; Kokos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5311/file/small-70f31f1d5ea004515329bbaab2eea403.webp 600w, https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5311/file/large-330d43a8be448b7a2540fd9a98c37837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.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">followfood</p>
          <a href="/de/products/protein-balls-mango-kokos-bio-50-g-9329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Mango &amp; Kokos Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BZQ_mMzzafj0_qEaxfMRUYIJfd9fPVVSAwsticCAyEuEsOGey_qzm7N-_OS9IAE4tWTsqb2xaIIqxGy6ddVdtA" />
    <input value="9329" 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/haselnusse-kerne-grossgebinde-bio-4-kg-9358">
          <img alt="Haselnüsse Kerne Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5314/file/small-058a16f7903b5d2d98bbfaf8a9e370fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5314/file/medium-c1f46fbc4a706fd198cb9d4acabf3f61.webp 900w, https://assets.fabulous.ch/public/variant_asset/5314/file/large-5773448995688f346173746547ac1a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5314/file/medium-c1f46fbc4a706fd198cb9d4acabf3f61.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">Planet Nature</p>
          <a href="/de/products/haselnusse-kerne-grossgebinde-bio-4-kg-9358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Kerne Grossgebinde Bio, 4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 119.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G12gP2gYikQQPdWn0ufaT262xB8Z5o3UJ8viTc9mn4WaeX45bxFQJ1e9iFmqNMomWdtVaftqsAQOBKN-ejMKeg" />
    <input value="9358" 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/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
          <img alt="Coco Aminos Würzsauce YAKSO Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5315/file/small-821a4bae426d70c653edd9b1018634ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.webp 900w, https://assets.fabulous.ch/public/variant_asset/5315/file/large-d02757a105aaf76088978184070b0361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.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">YAKSO</p>
          <a href="/de/products/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Würzsauce YAKSO Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XnDC-1uTUR7ifKy9SxBUnsTXbxoGf1ra7i1m1XQGFIrfVBz9XJqLfaX88UMzw0T387r-bOTzZwrH4ifmwVOBdQ" />
    <input value="9369" 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/paprika-edelsuss-grossgebinde-dose-bio-400-g-9384">
          <img alt="Paprika edelsüss Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5316/file/small-f75dc557098340a037fed8e0c1fd6ed9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5316/file/large-9395e70bc3ddcd3492ff880911ee665c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.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/paprika-edelsuss-grossgebinde-dose-bio-400-g-9384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika edelsüss Grossgebinde Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XmpmMvg58jLZD0qRUjB4sc0iyrb2UZCmqVADL99Y_uPfTrg0_zAoUZ6PF28q42jY-k9bwBTdrXaAn0Icag1rHA" />
    <input value="9384" 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/apero-sticks-salzstangen-bio-200-g-9385">
          <img alt="Apero Sticks Salzstangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5317/file/small-0f4638b0e5459a5f8469709cda294965.webp 600w, https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.webp 900w, https://assets.fabulous.ch/public/variant_asset/5317/file/large-f465092b28279055dc17e683dc799a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.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">Mayka</p>
          <a href="/de/products/apero-sticks-salzstangen-bio-200-g-9385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apero Sticks Salzstangen Bio, 200 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dYBxJPb--dn6nA9M-6JrwbrF8cQtEXDHeqjuJ8ikC8L0pK8i8fcjur0cUrKDcXuojahgss-dTRdTZ68UffGePQ" />
    <input value="9385" 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/pfeffer-schwarz-ganz-grossgebinde-dose-bio-410-g-9386">
          <img alt="Pfeffer Schwarz ganz Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5318/file/small-fbbed9913f0e102503157c635ba01504.webp 600w, https://assets.fabulous.ch/public/variant_asset/5318/file/medium-eb5f3b4cb7423f4a9424b0a42f417213.webp 900w, https://assets.fabulous.ch/public/variant_asset/5318/file/large-6161d841402d5134b571232eb969def7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5318/file/medium-eb5f3b4cb7423f4a9424b0a42f417213.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/pfeffer-schwarz-ganz-grossgebinde-dose-bio-410-g-9386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfeffer Schwarz ganz Grossgebinde Dose Bio, 410 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gUY2n66sOB9DO8hRy3oFUV-LxdZx-ptZARM2G9EDgToAYuiZqaXifAS7la-zqRU4aOZUoJN2poko3HcoZFYUxQ" />
    <input value="9386" 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/multivitamin-kinder-mundspray-mit-13-vitaminen-zink-25-ml-9388">
          <img alt="Multivitamin Kinder Mundspray mit 13 Vitaminen &amp; Zink" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5319/file/small-fe6fd0f6fc54abfd6c2d1ca33222349b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5319/file/medium-0fd5e213dc6069e8d12753a7ace399a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5319/file/large-1f524ec0b8626aa9ba9ae58d2167672d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5319/file/medium-0fd5e213dc6069e8d12753a7ace399a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">energybalance</p>
          <a href="/de/products/multivitamin-kinder-mundspray-mit-13-vitaminen-zink-25-ml-9388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multivitamin Kinder Mundspray mit 13 Vitaminen &amp; Zink, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fkO7_GlYg26CAItVEk9FItHjIQihK1fnf2NiUy17sLX_Z2X6blFZDcWA1qtqnFVL5o6wfkOnajdWrCNgmC4lSg" />
    <input value="9388" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-d3-kinder-spray-tasty-zitrone-3-g-25-ml-9389">
          <img alt="Vitamin D3 Kinder Spray Tasty Zitrone, 3µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5320/file/small-7777f0f416b4955661670e64b4743d4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5320/file/medium-ade5648720a2a512282a7a1294822283.webp 900w, https://assets.fabulous.ch/public/variant_asset/5320/file/large-b8e6e8651919f2f2d93764adabe4c876.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5320/file/medium-ade5648720a2a512282a7a1294822283.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">energybalance</p>
          <a href="/de/products/vitamin-d3-kinder-spray-tasty-zitrone-3-g-25-ml-9389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Kinder Spray Tasty Zitrone, 3µg, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tRh3BTsu_pARxyhsapvGBWxvSbXb5GtPjair7-Y5GDw0PKkDPCck81ZHdZISSNZsWwLYwzloVp-kZ-rcU2yNww" />
    <input value="9389" 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/tahin-sesammus-ohne-salz-bio-500-g-9443">
          <img alt="Tahin (Sesammus) ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.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/tahin-sesammus-ohne-salz-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin (Sesammus) ohne Salz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VBMtS-qFVVa7k9RdUM8-Jd0QPzdFhTpkpiyw8px9zbXVN_NN7YyPNfwTiaMoHC5M6n2uQacJB7SP4_HBKShYSg" />
    <input value="9443" 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/haselnusse-bio-200-g-9444">
          <img alt="Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5323/file/small-c482bf28dcb01c359193bbb26bb9bbf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.webp 900w, https://assets.fabulous.ch/public/variant_asset/5323/file/large-6c552d396d0962cac06175c7724e8c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.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/haselnusse-bio-200-g-9444">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qsi7VG_GKRe1pScV4bEoVd01_klHF39XsRprDXDlUIor7GVSaM_zdPIleuuZYjg86lhvP6WbQoeY1So-xbDFdQ" />
    <input value="9444" 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-bio-750-g-9445">
          <img alt="Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5324/file/small-4a59f4320f30f6f3dbaa5994bb5ff42f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5324/file/large-f2c554609b89c1dd7927c24f9809db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.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/haselnusse-bio-750-g-9445">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Bio, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ZgmM-Klv6pFjoKd2N-xR1OeeQqtHtkN9vsLURgN6ZxUvPg15axlyQIO32OgDKEuZPPofE-S5N3fNEpirVh8Yw" />
    <input value="9445" 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/wood-smoked-vegane-alternative-zu-lachs-pfeffer-dill-bio-130-g-9446">
          <img alt="Wood Smoked Vegane Alternative zu Lachs PFEFFER &amp; DILL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5325/file/small-285b208452fb2a96fd445fa1bba07ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5325/file/medium-ae88bb04d644be04349da4c5cad6ddce.webp 900w, https://assets.fabulous.ch/public/variant_asset/5325/file/large-31d2b7a3946abbf44b67881b11524c4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5325/file/medium-ae88bb04d644be04349da4c5cad6ddce.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/wood-smoked-vegane-alternative-zu-lachs-pfeffer-dill-bio-130-g-9446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegane Alternative zu Lachs PFEFFER &amp; DILL Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </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 7.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3uAd3N-UlLFWND9mdzKbTn4lONXO8YEBVuZTu-s-63RfxMPa2J1O0hG0YpgP4YsnSUipoyx9vNF_KRKIXmt-iw" />
    <input value="9446" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-caffe-irlanda-crema-gemahlen-henauer-demeter-250-g-9464">
          <img alt="Kaffee Caffè Irlanda CREMA gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5326/file/small-3a85b4e16d60a8ee47a882e78ef4bcc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5326/file/large-cfe927d063441b450d4c3518622b7380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-crema-gemahlen-henauer-demeter-250-g-9464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda CREMA gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ImcgnR0zN7UU3-JqXQCMGqw_EJB1h6tjpVSiqmCtwRyjQ_6bGjrt1lNfv5Ql05xzm1KB5pcLlrOMm-OZ1fhU4w" />
    <input value="9464" 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/kaffee-caffe-irlanda-crema-bohnen-henauer-demeter-250-g-9465">
          <img alt="Kaffee Caffè Irlanda CREMA Bohnen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5327/file/small-a425de21dd48f08d003874c5e21fdaac.webp 600w, https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5327/file/large-49d0fea87b3043f3e64f5f0d33aa10fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-crema-bohnen-henauer-demeter-250-g-9465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda CREMA Bohnen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JenVeMLw0UzamwP2TYjjV7FCrzb8sO82XANQ8TFKwsekzQt-xfkLL50bXgg1W_M-hi8-QB480uZ1zBHChB9XOA" />
    <input value="9465" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-caffe-irlanda-espresso-bohnen-henauer-demeter-250-g-9466">
          <img alt="Kaffee Caffè Irlanda ESPRESSO Bohnen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5330/file/small-f2d517a967bc80acca88f191ec5d8813.webp 600w, https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5330/file/large-16a45436e17a7907f93662bc9dbd0ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-espresso-bohnen-henauer-demeter-250-g-9466">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda ESPRESSO Bohnen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L_vHLI-FdZ9Ihsdm6wLbbyg7Sri4nnV7mGIim1dgKGiu3xkqiIyv_A8GmpiT0csGH1bbzloSSKuxrWOo4jW9lw" />
    <input value="9466" 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/pfeffer-schwarz-gemahlen-bio-50-g-9471">
          <img alt="Pfeffer Schwarz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5337/file/small-8e1746489601c9db2f384fd8fb7ddda0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5337/file/medium-f3e0ec0afcce0ed099fe172da5123036.webp 900w, https://assets.fabulous.ch/public/variant_asset/5337/file/large-730c530555202f479b4f3c6b58e81c11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5337/file/medium-f3e0ec0afcce0ed099fe172da5123036.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/pfeffer-schwarz-gemahlen-bio-50-g-9471">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfeffer Schwarz gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nZHpnvkgr_UBJaGF7wEQjLCFiu_A_SIMrdAlV-jeccsctTeY_il1lkal_HuX0gDlh-gbmSJxH9yEH2RkXYvkNA" />
    <input value="9471" 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/alternative-zu-salz-adios-salz-gartengemuse-bio-55-g-9473">
          <img alt="Alternative zu Salz &quot;Adios Salz!&quot; Gartengemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5338/file/small-7e7d5d4dd524f249444b2b703b660b6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5338/file/medium-1f4bac2011687cbcc34d04331bd2febd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5338/file/large-2697b88e71bb5f5dd3aedfae755c4102.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5338/file/medium-1f4bac2011687cbcc34d04331bd2febd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/alternative-zu-salz-adios-salz-gartengemuse-bio-55-g-9473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative zu Salz &quot;Adios Salz!&quot; Gartengemüse Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q-CZudhFLI3C7GFmAIZQUG2p7qAU4hkNF1CISswZM3zCxEe_30z27oVsPJh4VUA5WsR_1vZuJN0-n8l5eUymgw" />
    <input value="9473" 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/alternative-zu-salz-adios-salz-mediterran-bio-50-g-9474">
          <img alt="Alternative zu Salz &quot;Adios Salz!&quot; Mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5339/file/small-48ac2757f55d7357d2a20ee7d0aa6a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5339/file/large-2618281564a535d5c3ae7f5e86acba2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/alternative-zu-salz-adios-salz-mediterran-bio-50-g-9474">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative zu Salz &quot;Adios Salz!&quot; Mediterran Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8hf6nCWQ-sMxMKT3kxvTkeq8cUvpcUnYWdTD7u0uZltzMySaIpkgoHaw-QnryMP43dHgPQv9dAhwG4LdWHvzpA" />
    <input value="9474" 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">
      1&#39;620 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/dr-goerg?format=turbo_stream&amp;page=82">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>