<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/kichererbsen-im-glas-bio-350-g-5878">
          <img alt="Kichererbsen im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3376/file/small-08e4e09612ab253ccb445192281c4ecc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.webp 900w, https://assets.fabulous.ch/public/variant_asset/3376/file/large-c8f32dc5a44484fba430c9fcc840fa90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.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">de Rit</p>
          <a href="/de/products/kichererbsen-im-glas-bio-350-g-5878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen im Glas Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ie1Z86chtzH5DmLQFuUOPrB-RtWuhipZx7Pegm4ym5mcqGtXvT_c_g5zybRHzgKFiwTOwz-MUEHhU_1BVHGETw" />
    <input value="5878" 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/kidney-bohnen-glas-bio-350-g-5879">
          <img alt="Kidney Bohnen Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3377/file/small-d1b625b6fe201c7dd42243b0f6ca2b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3377/file/large-ec3fd35eaf8c051a1e4ed35febec2336.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.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">de Rit</p>
          <a href="/de/products/kidney-bohnen-glas-bio-350-g-5879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kidney Bohnen Glas Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
          <img alt="Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3378/file/small-51fe35f8c84bc85c0ccf83e6edae46e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3378/file/large-15b883c350167a294d4fac855c4cd5df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.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">de Rit</p>
          <a href="/de/products/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RUwZfe2VSKqMOFtT6Vvd4FmBRawnyv0TmE-YDSLWY7tQCSvZ94sjZXtF8De4cNFbYvvNurbAhwu-r7vOGJV8bQ" />
    <input value="5880" 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/hummus-jalapeno-bio-170-g-5895">
          <img alt="Hummus Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/de/products/hummus-jalapeno-bio-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k9AFkZuEUHJX79OcU44g0bK865F_Dx7tGhmxq0EwoJOGlTc1gZo7vaCSePgCpSxqicZjh-4FZPU8-ZJoe3O_RQ" />
    <input value="5895" 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/kookie-cat-salted-caramel-mandel-cookie-bio-50-g-5899">
          <img alt="KOOKIE CAT Salted Caramel Mandel Cookie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3383/file/small-7df06e1390d5ea08c488a6f50eaa6985.webp 600w, https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3383/file/large-0d546fe058767802e9351f490d4e04db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-salted-caramel-mandel-cookie-bio-50-g-5899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Salted Caramel Mandel Cookie Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CB4GBSo3E6xD5uhuZ-2jhn4A367DG1zZ2FUWnqJ1JwcdWzShMCl4Y7SbQwo2xq89RXpXuFIRJsH-tTVdmDY40Q" />
    <input value="5899" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-soja-vollkorn-maccaroni-penne-teigwaren-bio-500-g-5910">
          <img alt="Pasta Soja Vollkorn Maccaroni Penne Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3385/file/small-2bf3e30e7c045ef6c1bcfb8716a55491.webp 600w, https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3385/file/large-74b7dccc39aa1a8b324dc0c3bf78559b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-maccaroni-penne-teigwaren-bio-500-g-5910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Maccaroni Penne Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dSnGfU9O5j3kLB6LOZ0cc8yiYE-MQtLTtISoMhNVwRlgbPTZVVCN8hNRte9othDI99joWR1IqMuSZIvxKRbezw" />
    <input value="5910" 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/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
          <img alt="Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3387/file/small-b6592faa9737335bbe8e9c758e6d8359.webp 600w, https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3387/file/large-494c83d308e1e37aba457048ed318c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cJuysjNDMxCOWTMiX5AXoMJeCURsHJYChdJoM6WPugJl3oAWKV1Y33kkmEYOuxsb-SSBUv0W7BqjMkvwn8yl1A" />
    <input value="5917" 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/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
          <img alt="Riegel Lovechock Extra Pur 94% RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3391/file/small-284cf01d745f5910174b47e026725457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3391/file/large-d11cc55136b44fa61d0c99312d49b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Extra Pur 94% RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ryb1SQMTH0-_TRjMqwNzNUc-AqVt9AMeWYv8L8u2T9ZSY8ftGQ10gEgws6j6KH-OfESKs_z-eQZ_a9_s8fVQAA" />
    <input value="5919" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salz-gomasio-original-sesamsalz-bio-225-g-6005">
          <img alt="Salz Gomasio Original Sesamsalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3442/file/small-3c9324c2ec6902bda368be74901ee8e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3442/file/large-8449e12dde80dbaa0cbce06cf7d53784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.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">Lima</p>
          <a href="/de/products/salz-gomasio-original-sesamsalz-bio-225-g-6005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Gomasio Original Sesamsalz Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salz-gomasio-original-sesamsalz-im-streuer-glas-bio-100-g-6006">
          <img alt="Salz Gomasio Original Sesamsalz im Streuer (Glas) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3443/file/small-bb2500979f3eae997568c8a7ac8e17cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.webp 900w, https://assets.fabulous.ch/public/variant_asset/3443/file/large-e50461e6502960ff69b2ca1d1cda691c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.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">Lima</p>
          <a href="/de/products/salz-gomasio-original-sesamsalz-im-streuer-glas-bio-100-g-6006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Gomasio Original Sesamsalz im Streuer (Glas) Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7QYyv3QWMYNsT4B2IBIT_ezvWzTWT4W8VG27dJBLvUL4QwAbbghaTJsyKxJxOR9G15XTIkdF_6RyjZi3qgiilA" />
    <input value="6006" 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/apfelmark-im-glas-ungesusst-bio-700-g-6007">
          <img alt="Apfelmark im Glas Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3444/file/small-f2ec2e0f62f6536eea592fc8d6a627eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3444/file/large-b519d9a6c00f5a8f909151cc9f84b61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.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/apfelmark-im-glas-ungesusst-bio-700-g-6007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfelmark im Glas Ungesüsst Bio, 700 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 0.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="45lpmVkitwLW23OoS6HlqBG019RN4dqW08ohsK_Defv23Fs9QzzczSGm2MwaiukTKs5fwtzroI71KgJzlYBmLQ" />
    <input value="6007" 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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
          <img alt="Apfel- Mangomark im Glas Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfel- Mangomark im Glas Ungesüsst Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BAuRmFBxecmrgFcUgt_pn7LV5nOORPKttD62eYpSMPwRTqM8Sm8SBlz9_HDT9OUkia9uZR9OiLWS3pW6sBEvKg" />
    <input value="6008" 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/cashewkerne-ganz-bio-grossgebinde-2-5-kg-36e9381f-3f1d-4ce3-b750-700a504f32d6-6017">
          <img alt="Cashewkerne ganz Bio Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3453/file/small-4cc8909a4e27bd584fb02f6a337c8975.webp 600w, https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.webp 900w, https://assets.fabulous.ch/public/variant_asset/3453/file/large-48a82acbf36f65174ecc1276ec8986ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.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/cashewkerne-ganz-bio-grossgebinde-2-5-kg-36e9381f-3f1d-4ce3-b750-700a504f32d6-6017">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne ganz Bio Grossgebinde, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7GxZUggIO6a2oKm5hUDOeEvItkhe3JnCmaVEIFLbEh35KWv2EhZQaUHdAt3Ua8LDcLI-Xs_W49q_RWfjaJgNyw" />
    <input value="6017" 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/tomatensauce-salsa-pronta-mit-frischem-gemuse-bio-340-g-6018">
          <img alt="Tomatensauce Salsa Pronta mit frischem Gemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3461/file/small-4e8348bd2ac352629588e92e5170cd75.webp 600w, https://assets.fabulous.ch/public/variant_asset/3461/file/medium-acf8c52ea306a436a679c92756bb6fef.webp 900w, https://assets.fabulous.ch/public/variant_asset/3461/file/large-08d6a96bed7830458d0e402b1c0e67d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3461/file/medium-acf8c52ea306a436a679c92756bb6fef.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">LaSelva</p>
          <a href="/de/products/tomatensauce-salsa-pronta-mit-frischem-gemuse-bio-340-g-6018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatensauce Salsa Pronta mit frischem Gemüse Bio, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YcBI43qZVfdhbmudnPeUxEICZqL7Lu4KovdlNXoq5OR0hXpHYIc-OJYTwPnN3Jh_eXjutGoklBKEF0b2QGn7Mg" />
    <input value="6018" 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/tomatensauce-salsa-piccante-mit-chili-bio-340-g-6019">
          <img alt="Tomatensauce Salsa Piccante mit Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3462/file/small-3f08bfd5d81a006d6b2cfd4ea1bc64b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3462/file/large-796d917932998857cf29ec4f2bdb88fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.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">LaSelva</p>
          <a href="/de/products/tomatensauce-salsa-piccante-mit-chili-bio-340-g-6019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatensauce Salsa Piccante mit Chili Bio, 340 g</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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hoOHmcMykR7DMjRx1NUKHAxxs4gR0JoSZgeEmQGa9JyTxrU92Sz60TRPnxWF_ganNws7noDa4ApA56daO9nrSg" />
    <input value="6019" 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/tomatensauce-bolognese-bio-350-g-6020">
          <img alt="Tomatensauce Bolognese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3463/file/small-6c1f14df6beb7e1467c0d3788277a691.webp 600w, https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3463/file/large-18baf336648daf608b781a00c61ecb28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.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">LaSelva</p>
          <a href="/de/products/tomatensauce-bolognese-bio-350-g-6020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatensauce Bolognese Bio, 350 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.54 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WQW4i2kZKXaXv9TJz6as6H4Y0FYPMWmK31791nXaZM9MQIovcwdCuWDCf62ejaBTRWJYQJ47E5L5vt4VT5l7GQ" />
    <input value="6020" 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/wurzsauce-habanero-hot-bio-140-ml-6021">
          <img alt="Würzsauce Habanero Hot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3464/file/small-c919acd494749fe51418b3ac105b135d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.webp 900w, https://assets.fabulous.ch/public/variant_asset/3464/file/large-fda7d2642dadc4d31f95795eb495da15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.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">Sanchon</p>
          <a href="/de/products/wurzsauce-habanero-hot-bio-140-ml-6021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Würzsauce Habanero Hot Bio, 140 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2DH7o2SSpBSVOvbvV-IiQE747EBts7YPYA12r2XXkS_NdMkHfozP22JHXYsGyS77dYJkVvy5zBdG7VVsX5SO-Q" />
    <input value="6021" 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/soyana-swiss-reis-drink-vollreis-calcium-ungesusst-bio-1-l-6035">
          <img alt="Soyana Swiss Reis-Drink Vollreis Calcium ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3469/file/small-b46267423c8e1074aec9d94309035948.webp 600w, https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3469/file/large-5c7a87633c2cd394db08b7f6b1c05522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.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-reis-drink-vollreis-calcium-ungesusst-bio-1-l-6035">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Reis-Drink Vollreis Calcium ungesüsst Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="haXqt74nbSFgoFyZP52Wkj4ikHe1kpmgapJIbUF2QIaQ4NgTpDkG7pfd9_1utpopBVgYYSSY47hMcmuuezVfUA" />
    <input value="6035" 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/soyana-swiss-cereal-hafer-drink-bio-1-l-6036">
          <img alt="Soyana Swiss Cereal Hafer-Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3470/file/small-a064a525baa7d1fe50be2fcd40fcfdbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3470/file/large-89ecfbb344a4e15b05dd2aa8d0e2acc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.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-bio-1-l-6036">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Cereal Hafer-Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hSWTU2IkC4bY8Mwc0Xb0Eq3UxafnjTYoId0yR7oRWzqQYKH3eDpgSS-NZ3iAXfiplq5NsXaHTDAHPRGEgFJE7A" />
    <input value="6036" 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/mango-getrocknet-bio-100-g-6062">
          <img alt="Mango getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3480/file/small-f471f8285c67a9607338986c53689bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.webp 900w, https://assets.fabulous.ch/public/variant_asset/3480/file/large-13a4ace2a57d38f648da7b5d98a5a07c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/mango-getrocknet-bio-100-g-6062">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mango getrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fXFtFDnANtfA2xbMRHLuSBBCNQ7QAHVEPVqqZ5YZYypoNF-wI95dGDemvagVWeLzKzi9GEEKD1wbuomkrFp8_A" />
    <input value="6062" 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">
      660 von 2&#39;289 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=34">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>