<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/rohkostriegel-hanf-bio-50-g-1457">
          <img alt="Rohkostriegel Hanf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1199/file/small-c5a5cfafd690011bf0e0cc39631f13dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.webp 900w, https://assets.fabulous.ch/public/variant_asset/1199/file/large-f93b9e604d4e33a6b132d06bb148118f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-hanf-bio-50-g-1457">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Hanf Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BLZibjdSltioK0uvVdvgm41jrzEzopqidQOzKjTWwbizEVxkLAPgVCSxbbdgigX1UrqcrDU_9t5pM9Bc18aABA" />
    <input value="1457" 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/frisch-daal-indisches-linsengericht-bio-450-g-1477">
          <img alt="Frisch: Daal - Indisches Linsengericht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1204/file/small-803110c7eb179266127d9308fc83e44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.webp 900w, https://assets.fabulous.ch/public/variant_asset/1204/file/large-56dd28274fc0bd559f5cee0ca1ee124e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.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">Jooti</p>
          <a href="/de/products/frisch-daal-indisches-linsengericht-bio-450-g-1477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Daal - Indisches Linsengericht Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S_Luwfg62iQUQ513oLqa1UQSsC5LOK3R0pVI-62qm5P8VdDL42usqJjZu2-V63-7m8uDs02lwa3OpSuNTrraLw" />
    <input value="1477" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/frisch-thaicurry-mit-basmatireis-scharf-bio-450-g-1482">
          <img alt="Frisch: Thaicurry mit Basmatireis (scharf) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1203/file/small-0e67bca854dbef7a5e8c167532a433e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1203/file/medium-9dc7bddf3172e72990144683fbf19614.webp 900w, https://assets.fabulous.ch/public/variant_asset/1203/file/large-309a8b02db9006c98bc082f3275b9d93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1203/file/medium-9dc7bddf3172e72990144683fbf19614.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">Jooti</p>
          <a href="/de/products/frisch-thaicurry-mit-basmatireis-scharf-bio-450-g-1482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Thaicurry mit Basmatireis (scharf) Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </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 1.49 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yyj1L-GjggjUDlCVnRe0awOMbkrzmNk3rsprA7e7f0DUj8sl-vL0hFiUdo2oRlEF3FVd1_UFtUuy-gh1VKs-_A" />
    <input value="1482" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/frisch-belugalinsen-salat-mit-petersilie-bio-275-g-1483">
          <img alt="Frisch: Belugalinsen-Salat mit Petersilie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1205/file/small-6821437addfbcf13b4a72b8359a21ebd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1205/file/medium-02f1d43cb3e08b71c8b653771e04e1c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1205/file/large-a318fff7397fbc49253f9517545db0e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1205/file/medium-02f1d43cb3e08b71c8b653771e04e1c6.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">Jooti</p>
          <a href="/de/products/frisch-belugalinsen-salat-mit-petersilie-bio-275-g-1483">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Belugalinsen-Salat mit Petersilie Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DIo02XVm6S96fUBoViPNwKZha8g7Dqaz8GBBv57x9oC7LQrTbjefo_bnZnBjciiuebhYVT2Tys_sUCLJfeG3PA" />
    <input value="1483" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/frisch-chili-sin-carne-mit-roten-bohnen-bio-450-g-1485">
          <img alt="Frisch: Chili sin Carne mit roten Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1207/file/small-f3e8d166fc1a2777eac10e517d09b1dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1207/file/medium-2b6d89f5e70ee984a4cae32667fb2319.webp 900w, https://assets.fabulous.ch/public/variant_asset/1207/file/large-049cc25ea90d750c6e3376a6c1f6db3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1207/file/medium-2b6d89f5e70ee984a4cae32667fb2319.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">Jooti</p>
          <a href="/de/products/frisch-chili-sin-carne-mit-roten-bohnen-bio-450-g-1485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Chili sin Carne mit roten Bohnen Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </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 1.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-DbCUOhnxwRGHPAeksSx_SZLtRbY228sIBOdbR0-aqZPkfxa8zaxiMqG1ganlVST-ZKGi95GA1A8I_4b_i4rGg" />
    <input value="1485" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/frisch-karotten-ingwer-suppe-demeter-450-g-1487">
          <img alt="Frisch: Karotten-Ingwer-Suppe Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1209/file/small-7079fcd0b488716be0fa9fb3acfebae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1209/file/medium-c04a7ab78c60d8c6871b5f1726377cac.webp 900w, https://assets.fabulous.ch/public/variant_asset/1209/file/large-f95aa6d1cc6a200f3454cf6fb6a236b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1209/file/medium-c04a7ab78c60d8c6871b5f1726377cac.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">Jooti</p>
          <a href="/de/products/frisch-karotten-ingwer-suppe-demeter-450-g-1487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Karotten-Ingwer-Suppe Demeter, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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 1.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AfMC9AzsHQfzE-AdHkUd6Eleyx_zyr253qJzatT9-HW2VDz-F71ri3-JxgUrFPiGlof4gvVX0cXCkhAcN-25yQ" />
    <input value="1487" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/kokosmilch-mit-joghurt-kulturen-mango-maracuja-bio-125-g-1488">
          <img alt="Kokosmilch mit Joghurt Kulturen Mango &amp; Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1210/file/small-92780545123d971971b11a86d0a702a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1210/file/large-7762abf2e009ea1413dd8b9be8181840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-mango-maracuja-bio-125-g-1488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Mango &amp; Maracuja Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ycWG0Kj3A1Eulj8hQNi85TeI6sEEwJSfwNtp2ERg17p-Yrjas6Z13aIMGTl1iVmL6FHZXAJd-OPc6wqup3CWBg" />
    <input value="1488" 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">
    <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/weizenkleie-demeter-250-g-1490">
          <img alt="Weizenkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1212/file/small-c16320ccac7f1694f39142d8b772e653.webp 600w, https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.webp 900w, https://assets.fabulous.ch/public/variant_asset/1212/file/large-a49888eaeaa3e9859ab69aab95410495.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.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/weizenkleie-demeter-250-g-1490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weizenkleie Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1490-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 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/vantastic-foods-buttons-weisse-schakalode-grosspackung-6-kg-1494">
          <img alt="Vantastic Foods Buttons Weisse Schakalode Grosspackung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1211/file/small-12be7481bd5af14208fac599a47ef46f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1211/file/medium-bae652351278afbf22e2b8c205f4fe4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1211/file/large-fcb20973667c92de16204179c08ce315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1211/file/medium-bae652351278afbf22e2b8c205f4fe4c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-grosspackung-6-kg-1494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Weisse Schakalode Grosspackung, 6 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 190.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1494-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/vantastic-foods-buttons-schakalode-grosspackung-6-kg-1495">
          <img alt="Vantastic Foods Buttons Schakalode Grosspackung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1216/file/small-463de46f3cd3267f7399d004625e5f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1216/file/medium-5a42166b284c32f04e1e5833f61ededc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1216/file/large-0c026722e89d35622c19940f3799efcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1216/file/medium-5a42166b284c32f04e1e5833f61ededc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-schakalode-grosspackung-6-kg-1495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode Grosspackung, 6 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 160.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UAVChJbnrvEKDFCUdG9A1Ov0Npi8rUXn_J6CQrFEm9fnonyOjbbYfYaWdoxBPqW6NC0FBbowKZvgruE0UlTaaw" />
    <input value="1495" 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/mascara-natural-vegan-volume-magic-black-10-ml-1526">
          <img alt="Mascara Natural Vegan Volume magic black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1234/file/small-d86b2443a878dfd23bd9d9ea97e0c7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1234/file/large-e4b58f8f8155f00983fe85d301c78d72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.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">benecos</p>
          <a href="/de/products/mascara-natural-vegan-volume-magic-black-10-ml-1526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Natural Vegan Volume magic black, 10 ml</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 69.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwfyHD7x-Prj-1b5PA4fO2Xh5VsQ9fu69mf67qCFXO8goMwWJaCOdm9hcOEJX_pVujjWxhZol8bqV5mYQ5UdUw" />
    <input value="1526" 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/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
          <img alt="Kokosmilch mit Joghurt Kulturen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1239/file/small-3eed17ccad2513428f3ffea57a457252.webp 600w, https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.webp 900w, https://assets.fabulous.ch/public/variant_asset/1239/file/large-a63165455761ef815c12f838758296fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0cF8rFddgPvgyzlTckxzyaL3q0CFQVue-BdxCzlvTxpmZkKmTAz2d2xRH0tHHZanfS6Y3YPcN-LkJxJ92n8Opg" />
    <input value="1531" 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/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-1532">
          <img alt="Kokosmilch mit Joghurt Kulturen Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1238/file/small-e84c126f6d959b85a3758a31986d90ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1238/file/large-95167d588932a83703f37c05ac4e4a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-1532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Vanille Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsIwyhpS0A8ZaL2wRtLja1-bBgsmmImMKoFpocAteSD1ZQ7AAQOmg5Xym6hzgwYFgEI1liAF5fA2sQrXIz04nA" />
    <input value="1532" 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">
    <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/veg-1-vitaminsupplement-schwarze-johannisbeere-kautabletten-180-stuck-1536">
          <img alt="VEG 1 Vitaminsupplement Schwarze Johannisbeere Kautabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1240/file/small-b90f8deafd1edef2b7690df3ec15ce82.webp 600w, https://assets.fabulous.ch/public/variant_asset/1240/file/medium-2851b54f7c6d7f0524ce04bc6e6768b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1240/file/large-1e5270897bffd3609a740395ed4f9ad1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1240/file/medium-2851b54f7c6d7f0524ce04bc6e6768b9.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">The Vegan Society</p>
          <a href="/de/products/veg-1-vitaminsupplement-schwarze-johannisbeere-kautabletten-180-stuck-1536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEG 1 Vitaminsupplement Schwarze Johannisbeere Kautabletten, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.16 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1536-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 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/veg-1-vitaminsupplement-orange-kautabletten-180-stuck-1544">
          <img alt="VEG 1 Vitaminsupplement Orange Kautabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1243/file/small-821b14b2893ee653efa052dacc984ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1243/file/medium-c70c354f06df7a18dd03348930c52995.webp 900w, https://assets.fabulous.ch/public/variant_asset/1243/file/large-9a47bec123dcd6fea1fdb242b41da78c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1243/file/medium-c70c354f06df7a18dd03348930c52995.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">The Vegan Society</p>
          <a href="/de/products/veg-1-vitaminsupplement-orange-kautabletten-180-stuck-1544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEG 1 Vitaminsupplement Orange Kautabletten, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.16 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1544-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">
    <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/vitamin-b12-boost-b12-methyl-spray-vegan-1200-g-25-ml-1548">
          <img alt="Vitamin B12 Boost B12 Methyl Spray Vegan 1200µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1246/file/small-1d6c58035453bb2768703545b09b1694.webp 600w, https://assets.fabulous.ch/public/variant_asset/1246/file/medium-5daaad71e18e2fb97b19b195bf5f9e17.webp 900w, https://assets.fabulous.ch/public/variant_asset/1246/file/large-3dee7eba36074d8e1126b6cf62ff2ca5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1246/file/medium-5daaad71e18e2fb97b19b195bf5f9e17.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">BetterYou</p>
          <a href="/de/products/vitamin-b12-boost-b12-methyl-spray-vegan-1200-g-25-ml-1548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Boost B12 Methyl Spray Vegan 1200µg, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1548-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 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/kochbuch-veganista-die-neue-eiszeit-1-stuck-1552">
          <img alt="Kochbuch Veganista - Die neue Eiszeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1256/file/small-d0bec0411a2c15856de3b1a7b71abcf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1256/file/large-ad8337f701549286163989c69cc5c1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.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">Buchverlag</p>
          <a href="/de/products/kochbuch-veganista-die-neue-eiszeit-1-stuck-1552">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganista - Die neue Eiszeit, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.05
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 34.05 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1552-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/keks-twibio-mit-erdbeerfullung-bio-150-g-1562">
          <img alt="Keks TWIBIO mit Erdbeerfüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1257/file/small-136279b7f10031971a392e25b70023a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.webp 900w, https://assets.fabulous.ch/public/variant_asset/1257/file/large-63fdb0c90281369c77cf67d53cec918e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-erdbeerfullung-bio-150-g-1562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Erdbeerfüllung Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p94q4yWSvy5yvweTDqrmktUVJ2r0XW1xXfHq0O9xsWYQeRTpPsPJov4lIYs7-wP8CswU9_LAAQ1BwYmmDGHw2g" />
    <input value="1562" 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/keks-twibio-mit-schokofullung-bio-150-g-1563">
          <img alt="Keks TWIBIO mit Schokofüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1258/file/small-1beb8549753ce0ec87c85ccd8e9b8840.webp 600w, https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1258/file/large-f4059ac772305c4124823a648053b347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-schokofullung-bio-150-g-1563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Schokofüllung Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3HjKhfYefzQ_msRrcrIKJWxqS7BxDye5-XrOdtJIGqhr3_SP7U8JuLMA4nNH4-9Ls7N4LXeSS8XlSq0AMVhbFA" />
    <input value="1563" 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">
    <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/faux-gras-gaia-vegane-alternative-zu-ganseleberpastete-bio-125-g-1571">
          <img alt="Faux Gras GAIA Vegane Alternative zu Gänseleberpastete Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1262/file/small-0a838ea60b6cce1488906712680ff387.webp 600w, https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.webp 900w, https://assets.fabulous.ch/public/variant_asset/1262/file/large-9c347656ad1e77c83baf96a204755cd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.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">GAIA</p>
          <a href="/de/products/faux-gras-gaia-vegane-alternative-zu-ganseleberpastete-bio-125-g-1571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faux Gras GAIA Vegane Alternative zu Gänseleberpastete Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1571-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>



</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">
      360 von 3&#39;173 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pural?format=turbo_stream&amp;page=19">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>