<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/cashews-wasabi-bio-50-g-15527">
          <img alt="Cashews Wasabi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7085/file/small-5803ea4b66d550395235216ba0c95513.webp 600w, https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.webp 900w, https://assets.fabulous.ch/public/variant_asset/7085/file/large-e4e680c1bb5cc6ea4cdf6b30178e5293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.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">Landgarten</p>
          <a href="/de/products/cashews-wasabi-bio-50-g-15527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashews Wasabi Bio, 50 g</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 6.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="itMhJslW2e1GnDtg3mQEc5O0ygLuoBmyaEzOFfbvxIdLEPJUNzRAEQlfl8s8bWnEvrJYP1xKOn6nI5Wwtbjv1A" />
    <input value="15527" 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/yarrah-trockenfutter-hunde-vegan-bio-2-kg-15563">
          <img alt="Yarrah Trockenfutter Hunde Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7103/file/small-4f638d8413492dabf21b6fcf1ea0c28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7103/file/large-e80579978975767b02320acd293e67bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.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">Yarrah</p>
          <a href="/de/products/yarrah-trockenfutter-hunde-vegan-bio-2-kg-15563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Trockenfutter Hunde Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uX9xNDk5wQQqVDbvf8pc7GPWllX8zTXe2xAM0Hm0S8Z4vKJGx1tY-GWXmkSdwzFbTtAEaE4nFhIUf1d1OuNglQ" />
    <input value="15563" 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/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-2-kg-15565">
          <img alt="Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7105/file/small-691f2c4e9291cca827cc004943cf91e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7105/file/large-3c1d99d4608cee4954f002a102105f6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.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">Yarrah</p>
          <a href="/de/products/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-2-kg-15565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lprCQHrlq1t1_EXB5PWzMBWHyOhiHx1bTfX0GGkmNXZXWREyhIcypzo_6WoG_N6HOIFa1dD1PpeCmq-9KnEeJQ" />
    <input value="15565" 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/geschirrspulmittel-lemon-grossgebinde-20-l-15567">
          <img alt="Geschirrspülmittel Lemon Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7107/file/small-844741c88fbf0d41607b81e9899a3ba0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7107/file/large-10df6903fd07a9fb0fe5b1dc1b3c270d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/geschirrspulmittel-lemon-grossgebinde-20-l-15567">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirrspülmittel Lemon Grossgebinde, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 92.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7EjT-zj7PkOufgjdf4_anl_uKXx3xvgzpj1UBbar-CMtiwCJxpmnv-G9pHadhrcpcui7QcUs2_9pUg-g9fzTcA" />
    <input value="15567" 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/leinsamen-bio-500-g-15568">
          <img alt="Leinsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7110/file/small-c012945d283952678a997d8340c0cc46.webp 600w, https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.webp 900w, https://assets.fabulous.ch/public/variant_asset/7110/file/large-6df97132fdd561d9667ad429ad1625ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.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/leinsamen-bio-500-g-15568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leinsamen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ij4_C2NIx9Eqq4RQArW324SssyFofmubbe9mUe5OaztL_ex5nSpeLWVoKPvgvNpsqaohHNqUSFeigD30rRlAaA" />
    <input value="15568" 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/joghurtferment-my-yo-lactopro-inulin-bio-6-beutel-25-g-15576">
          <img alt="Joghurtferment My.Yo LactoPro + Inulin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7113/file/small-0cd75e8d628cb7bfa35acca6df68bbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7113/file/large-7a9c889002072afbd7058b8afc235f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.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">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-lactopro-inulin-bio-6-beutel-25-g-15576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtferment My.Yo LactoPro + Inulin Bio, 6 x 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OXRzDdXDEcZooDeSd7aH9jxPqHJ1htN80vFugVcI2iD4t6B_K6GIOidjmzmVv-pBEUk6T8ds8LAdnjUkFF_xcw" />
    <input value="15576" 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/popcorn-salzig-bio-60-g-15601">
          <img alt="Popcorn Salzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7123/file/small-6a1802ff4ab9a4a56565904e5217a6c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7123/file/large-4637cb9dae3171a5303b0738f5ce755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.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">Heimatgut</p>
          <a href="/de/products/popcorn-salzig-bio-60-g-15601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Popcorn Salzig Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </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-15601-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G9EFdu8utDTdRDcxV8Y8R_lFvZ_-Vt6PRnzogx9u9MnaEtYEEUwtyJKHm5q1z1Hw1EMvoky8_UOJE7MmXDnfmg" />
    <input value="15601" 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/zubehor-sonett-auslauf-hahn-fur-kanister-20-l-15613">
          <img alt="Zubehör Sonett Auslauf-Hahn für Kanister" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7121/file/small-e39394556fa08812af2adbbef83d830c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7121/file/large-8efc8d7307354825af7af7d70250f6a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/zubehor-sonett-auslauf-hahn-fur-kanister-20-l-15613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Auslauf-Hahn für Kanister, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oswnI8O3JFWGiF8mfNUb11XXgcm_3Yn5_46LakQJ67VjD_RRPdW9qclL842e3HZgeNET9A03qjUw4dDPB17A5g" />
    <input value="15613" 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/tafel-rapunzel-zartbitter-schokolade-mit-pfefferminzfullung-bio-100-g-15614">
          <img alt="Tafel Rapunzel Zartbitter Schokolade mit Pfefferminzfüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7122/file/small-95e8a9f7040b64bfa0c960ebd9d7a6a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7122/file/large-2c4ef9b57498e0a3a86aba7bb8cb977d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.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/tafel-rapunzel-zartbitter-schokolade-mit-pfefferminzfullung-bio-100-g-15614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Zartbitter Schokolade mit Pfefferminzfüllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oR98sOqE7SF-mk-jzgYNcGRxNC96PJJiJEktuVKgqLVg3K_CFOZ03TFZ4wgsD2DHSXemEsjWsa7rJnYcEfeD5g" />
    <input value="15614" 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/kokoscreme-zartbitter-bio-250-g-15615">
          <img alt="Kokoscreme Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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/kokoscreme-zartbitter-bio-250-g-15615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokoscreme Zartbitter Bio, 250 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 2.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0JLYFcxoYicwOn_29TaMS0clmAZiQR9FxVxHW-HQnQMRUQtnMgr723_5010XP-H8aiMKO9CrPIkKMxz-ooe2UA" />
    <input value="15615" 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/schokotropfen-zartbitter-bio-100-g-15616">
          <img alt="Schokotropfen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7126/file/small-71d2a7399752e9b680430b9a8329c7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7126/file/large-285875e7013ef43b7a268bcc3a5ca062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.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/schokotropfen-zartbitter-bio-100-g-15616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokotropfen Zartbitter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5RW4xb64Hx6tNL7cbAvQEPvk9mWbLzvb8B9KH9w5Djgk1mu3QNqG4uL3EneOAr2n1uJkWCnFGBc_cBG6n24law" />
    <input value="15616" 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/erdnussbutter-peanut-butter-creamy-bio-310-g-15618">
          <img alt="Erdnussbutter Peanut Butter Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7128/file/small-684c0c79d148099a478524088693bc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7128/file/large-f57766b624e5462c4e18ee20a7979765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.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">Allos</p>
          <a href="/de/products/erdnussbutter-peanut-butter-creamy-bio-310-g-15618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnussbutter Peanut Butter Creamy Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ibDrVwHloikS-ouuv-eONAdoUQNu2_74VD3JDVzENttIczgl_4c71V05JwVd7uODKm7DPtwx3TSbUpKoH5MdiA" />
    <input value="15618" 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/dattel-schoko-natur-tafel-59-bio-85-g-15624">
          <img alt="Dattel Schoko Natur Tafel 59% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7130/file/small-5f40fbd6a9e911c2b2188e2d2d35b9e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.webp 900w, https://assets.fabulous.ch/public/variant_asset/7130/file/large-b83d638e8598f571acc509564f85a045.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-natur-tafel-59-bio-85-g-15624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Natur Tafel 59% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-AQcL49COtVeatyDaBx6msQxpiLX4FurqTiAT6tcNhw5x89dcSCjKRGpcCiKFRct6Tc0H2UKeGdmV9vq6AsdTw" />
    <input value="15624" 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/dattel-schoko-haselnuss-tafel-56-bio-85-g-15625">
          <img alt="Dattel Schoko Haselnuss Tafel 56% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7131/file/small-f8311605cdc9d30aa8af93f638572b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7131/file/large-460a5bb417f6a43ae41956fdd744c367.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-haselnuss-tafel-56-bio-85-g-15625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Haselnuss Tafel 56% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ik6DghsudOiazuF31wXWuLktn7Eqio9XQBmiLsYltO1LjVDw5UztFNUNTdw1DLsPlCsNjJhgrJuPdvmLhXKfvg" />
    <input value="15625" 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/dattel-schoko-himbeere-tafel-57-bio-85-g-15628">
          <img alt="Dattel Schoko Himbeere Tafel 57% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7136/file/small-7fc8e581f74ab6947dce847ec19d633c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7136/file/large-51fab79387d467b9faaafa2ff95f641b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-himbeere-tafel-57-bio-85-g-15628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Himbeere Tafel 57% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hSSvEMftFqMD9g7k14HEvGExFVUQo9ZYz1pnLO_dH3tE53xiOY-PX0w1ok81iKkLTDeHaKJJ9ZQANTyJrIo0KA" />
    <input value="15628" 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/dattel-schoko-dunkel-tafel-72-bio-85-g-15629">
          <img alt="Dattel Schoko Dunkel Tafel 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7135/file/small-da1172d2821902ae96ce6d7be99dade5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.webp 900w, https://assets.fabulous.ch/public/variant_asset/7135/file/large-f07f16dedc2bd65b823d68b65d3b29ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-dunkel-tafel-72-bio-85-g-15629">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Dunkel Tafel 72% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TH_CITW3kk9a3NRjt-O4Tu26L7x4Tl3XmA77pFckS9aNvBFTy9ULsxUfeMhV6tX5wLy9gcqkfhtXYaABFHNghQ" />
    <input value="15629" 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/mummy-meegz-vegan-m-z-gems-peanut-80-g-15651">
          <img alt="Mummy Meegz Vegan M’z Gems Peanut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7139/file/small-33cdf7ce50ec85378b980fdb9b8c5ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.webp 900w, https://assets.fabulous.ch/public/variant_asset/7139/file/large-4204f47360546da29375e551c285b8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.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">Mummy Meagz</p>
          <a href="/de/products/mummy-meegz-vegan-m-z-gems-peanut-80-g-15651">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems Peanut, 80 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 4.88 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15651-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/nassfutter-ami-dog-purple-vegan-400-g-15680">
          <img alt="Nassfutter Ami Dog PURPLE Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7142/file/small-b0f23a8ecea36c70b52e7421b011ab86.webp 600w, https://assets.fabulous.ch/public/variant_asset/7142/file/medium-0da662de4cc64d4e9b404956b9c6b64e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7142/file/large-923e401c62282757c54e4bef199c31df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7142/file/medium-0da662de4cc64d4e9b404956b9c6b64e.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-purple-vegan-400-g-15680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog PURPLE Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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-15680-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jzkFjcRs7ctV5lzLAyqO2QBXgDvSwkld9gbcZkMc4xNO-tb_Og50Nxol8GDhI-NuLVESBmAoapE5aYfDAEvIQA" />
    <input value="15680" 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/ami-dog-fruit-salad-kekse-500-g-15681">
          <img alt="Ami Dog Fruit Salad Kekse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7144/file/small-f4dad03b681ed6897f01be8340239379.webp 600w, https://assets.fabulous.ch/public/variant_asset/7144/file/medium-1e36252535926e649503d7dc2d600158.webp 900w, https://assets.fabulous.ch/public/variant_asset/7144/file/large-8d755f2c5ab515e460d4526a13624a75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7144/file/medium-1e36252535926e649503d7dc2d600158.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">AMI</p>
          <a href="/de/products/ami-dog-fruit-salad-kekse-500-g-15681">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami Dog Fruit Salad Kekse, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SKtF5BSX97lbzQfGdheabFHUKnOxRYdHJUWt7v3Je5qJaJaW6vVuRRQOq22UHvfbfNK4TgOvpIvqKvZLvp5QyQ" />
    <input value="15681" 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/schoko-mango-bio-150-g-15684">
          <img alt="Schoko Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7145/file/small-2586d270b3c1ff130be0859ac8b9dc5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7145/file/medium-f95796ffb17433a3433357bd3162f95e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7145/file/large-121a726641abf84a2ac693a850a53be2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7145/file/medium-f95796ffb17433a3433357bd3162f95e.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">Naturkostbar</p>
          <a href="/de/products/schoko-mango-bio-150-g-15684">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ffTrPWJuysUZ_-PtEIZVZBfS3hmtDsleQxUR5_wDkiS8NzhPnAxTOVY8T0byjzjTOtRMJB_k6pKMekpCv1S5dw" />
    <input value="15684" 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">
      2&#39;740 von 3&#39;216 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vitanu?format=turbo_stream&amp;page=138">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>