<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">
    <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/dessertsauce-kokos-karamell-200-g-13772">
          <img alt="Dessertsauce Kokos Karamell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6593/file/small-f10e2fadb9fca2c60814342e2433bf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6593/file/large-fd3a7195ca2afbe38e62647129a4e099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.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">Nature&#39;s Charm</p>
          <a href="/de/products/dessertsauce-kokos-karamell-200-g-13772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessertsauce Kokos Karamell, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13772-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/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
          <img alt="LupiLove Protein Curry Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M5oOpSywR4IS1JSPH1HUFiqsCXjDHivHJOS9hSMsco4NGkodpFTTkj5f-Lo8Q4VruPto7snmP7pw-7wX1eQYSA" />
    <input value="13913" 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/lupilove-protein-paprika-pfeffer-lupinen-brotaufstrich-bio-135-g-13920">
          <img alt="LupiLove Protein Paprika-Pfeffer Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6619/file/small-4e6b88b1a3e51369d65e6a8ca0c221f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.webp 900w, https://assets.fabulous.ch/public/variant_asset/6619/file/large-5d6808447b55679055d9317857b73cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-paprika-pfeffer-lupinen-brotaufstrich-bio-135-g-13920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Paprika-Pfeffer Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TA0eMMjxreCliCCWmx6yWuu11ts1-phuG_DHtTWnYdpyjVqIQBU58IkDTKO4DOMneeK3TT8CjBNP78Ynw28LHA" />
    <input value="13920" 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/lupilove-protein-zwiebel-knobi-lupinen-brotaufstrich-bio-135-g-13922">
          <img alt="LupiLove Protein Zwiebel-Knobi Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6622/file/small-4521ca3a0fcd42ac3de890d8b43bbb8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6622/file/large-7b2f94ccc37956649f1c42363d332815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-zwiebel-knobi-lupinen-brotaufstrich-bio-135-g-13922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Zwiebel-Knobi Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EnM6EHMjXaI56t7zzthPSt1H5VM4MCL93JW7mcoG9mEs836o-8fJshVhssbtyh43TxCExTLINoCIiroLPM6cpw" />
    <input value="13922" 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/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
          <img alt="LupiLove Protein Thai Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6625/file/small-8c9708f1cbdf234654039a416d7dab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6625/file/large-2a0162aca650e67e2dd03a153036f96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Thai Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9O71o7hkn7cTMW18e99R8CzHOZ46M3zCVcyJmRiMnyfKbrEbMIALpz-6AUlYzQCNvpBYCDDLaL8B04gL7kT14Q" />
    <input value="13923" 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/white-crunchy-raspberries-schokofruchte-bio-50-g-13928">
          <img alt="White Crunchy Raspberries Schokofrüchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6630/file/small-01407975d9814ddd6f2ce8ca0c7a8007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.webp 900w, https://assets.fabulous.ch/public/variant_asset/6630/file/large-970060c61fab1f2dbc8071028fe0dcfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.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">Nucao</p>
          <a href="/de/products/white-crunchy-raspberries-schokofruchte-bio-50-g-13928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Crunchy Raspberries Schokofrüchte Bio, 50 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 7.80 / 100 g
            </p>
        </div>
      </div>

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-13974">
          <img alt="Raspberry Cashew Butter Cups Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6632/file/small-bfbc351ffcb5c313d4673586e534695f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.webp 900w, https://assets.fabulous.ch/public/variant_asset/6632/file/large-36d9ec42738ed8aa04deff4cfcc17b73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.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">Naughty Nuts</p>
          <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-13974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry Cashew Butter Cups Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FYK_P2PzacyTSVhu8X1-gWY9dS-HbMRjcxSBL0nDg8grAvuH6xf93L_CNFvSby_89GoUuY2U0B4nC4C9vwvpDg" />
    <input value="13974" 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/nutru-plant-power-coffee-250-ml-14089">
          <img alt="Nutru Plant Power-Coffee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6644/file/small-aad04a6d1597e6c137861753136485bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6644/file/medium-b8a7fac7ee4362467349d1ee2254b116.webp 900w, https://assets.fabulous.ch/public/variant_asset/6644/file/large-c5ce5db86df0f628d7aa4783a55d6d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6644/file/medium-b8a7fac7ee4362467349d1ee2254b116.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">Nutru</p>
          <a href="/de/products/nutru-plant-power-coffee-250-ml-14089">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nutru Plant Power-Coffee, 250 ml</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 1.36 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14089-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/pinado-classic-vibe-250-ml-14108">
          <img alt="Piñado Classic Vibe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6652/file/small-59ca2ee73d2d81b027fff2f626d2b2b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.webp 900w, https://assets.fabulous.ch/public/variant_asset/6652/file/large-df69b36620bf42ff228636408642d0af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.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">Pinado AG</p>
          <a href="/de/products/pinado-classic-vibe-250-ml-14108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piñado Classic Vibe, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14108-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/happy-choc-drops-schokolinsen-125-g-14288">
          <img alt="Happy Choc Drops Schokolinsen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6664/file/small-9f21ac6186a9a7f265790e1f01d62224.webp 600w, https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.webp 900w, https://assets.fabulous.ch/public/variant_asset/6664/file/large-a383fb6439f112b972306f1e91063ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.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/happy-choc-drops-schokolinsen-125-g-14288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops Schokolinsen, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tamarinden-konzentrat-bio-120-g-14410">
          <img alt="Tamarinden Konzentrat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6674/file/small-11aff22fb46eec6dfb7f603091ee83e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp 900w, https://assets.fabulous.ch/public/variant_asset/6674/file/large-c09d12d995cce6fb1237dc183d1a8eed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">YAKSO</p>
          <a href="/de/products/tamarinden-konzentrat-bio-120-g-14410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tamarinden Konzentrat Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SlLq6empnU9_kiLq9Qa5hVHXrfeenKJUV7bLA1UMavl00q5RYU0JX1MZTt_WFOj4w4DMYZRktikDqcqRo8QAPw" />
    <input value="14410" 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/reisdessert-schokolade-bio-530-g-14411">
          <img alt="Reisdessert Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6675/file/small-4560b9ac9a5f36a1276f9a2f48d2b092.webp 600w, https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6675/file/large-034fa233c46028339a976caa058591a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.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">SOON</p>
          <a href="/de/products/reisdessert-schokolade-bio-530-g-14411">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reisdessert Schokolade Bio, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xVe-f5uYHFoOtye-6kzfEBdIafiLSI6K4YLL1SbO9Zb71_rHE3yISiI8S4vJXo5thR8IboGwmve1ncpH0AafUA" />
    <input value="14411" 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/reisdessert-vanille-bio-530-g-14412">
          <img alt="Reisdessert Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6676/file/small-7dfd6738bf8f4e2f36d49d0560636615.webp 600w, https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6676/file/large-30ad1b9970bbe6ff3f44d48c087e397a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.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">SOON</p>
          <a href="/de/products/reisdessert-vanille-bio-530-g-14412">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reisdessert Vanille Bio, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xLoOJ00_0ju9wf0fQuqucPJlVKjVzPQiFV2O8Velhc_6OkqfxdtGK5FKkSph-P8NYDI1Pt804F9BQo9joW3vCQ" />
    <input value="14412" 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/meine-vegane-bratensauce-bio-25-g-14413">
          <img alt="Meine vegane Bratensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6678/file/small-4c76e4cb3111f5527a2b6ed40c8be720.webp 600w, https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6678/file/large-7d74e3981561a5e7a2780b471ecef038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.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">Biovegan</p>
          <a href="/de/products/meine-vegane-bratensauce-bio-25-g-14413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Bratensauce Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="96SuuwCql_uydvJOE9RXyd19hmUyb3CpEW7BIwPJlJnJJOoDiE4D6579nnswxga0Tyrn8ziXZNRFccCx9QH-Xw" />
    <input value="14413" 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/schokoriegel-brownie-bio-40-g-14433">
          <img alt="Schokoriegel Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6683/file/small-76a25fdb64faa6925fef2397a2e6426d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.webp 900w, https://assets.fabulous.ch/public/variant_asset/6683/file/large-6dad189a8cedad29903c2686bb919f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.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 cow</p>
          <a href="/de/products/schokoriegel-brownie-bio-40-g-14433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokoriegel Brownie Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B_enA7HcDC09DhVl24ZHrW5WJ3gu3okAOUdWDfbOCEI5d-O7OTiYPRGFeVD4lBbQ_AFG7iQmnX1tWFefAAZihA" />
    <input value="14433" 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/schokoriegel-kokos-bio-40-g-14434">
          <img alt="Schokoriegel Kokos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6682/file/small-287bb388eaca6e55e3de85d368323b95.webp 600w, https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6682/file/large-a65f148e27727ea645eadfcff94f7637.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.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 cow</p>
          <a href="/de/products/schokoriegel-kokos-bio-40-g-14434">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokoriegel Kokos Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dm5ML4_Wtb6WjdEBDuiBnf8hzcRmp5kUxF3825doJNkw7giXBzIhrroGvTQt-tDgbXasUmxfjWmQQv1JYaBOHw" />
    <input value="14434" 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/wintergewurz-gemahlen-bio-50-g-14564">
          <img alt="Wintergewürz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6738/file/small-c625021909579f53ad6f0059fa5a5d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp 900w, https://assets.fabulous.ch/public/variant_asset/6738/file/large-c19c943ea959f3d8ca6b43ac0056d52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.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">Lebensbaum</p>
          <a href="/de/products/wintergewurz-gemahlen-bio-50-g-14564">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wintergewürz gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DgxPhCq2qMk-FH_IE6wLdsa-1oP5l8zpLHpQk7mRiH0wjAs8olI82RKfE_0wvloLVOm3FfNv2JR4ZVEBT1niuw" />
    <input value="14564" 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/hunde-kauartikel-erdnussbutter-pfefferminze-100-g-14574">
          <img alt="Hunde Kauartikel Erdnussbutter Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6746/file/small-bbb1eccd560b583860e69224c0a83f80.webp 600w, https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.webp 900w, https://assets.fabulous.ch/public/variant_asset/6746/file/large-cfe36e271e1184cca127e22d2851145c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.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">Denzel&#39;s</p>
          <a href="/de/products/hunde-kauartikel-erdnussbutter-pfefferminze-100-g-14574">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Erdnussbutter Pfefferminze, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kkNDIviX6JldyyGVLuYd2L57nl0FrN7kQz3S0g8ZH9eswweacHN8iXFATaAN9EylLCz_yw9UypkXItNA-dF1EQ" />
    <input value="14574" 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/pesto-al-limone-zitrone-bio-130-g-14604">
          <img alt="Pesto al Limone Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6760/file/small-ae114b76619dfd4a847a617726a219c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp 900w, https://assets.fabulous.ch/public/variant_asset/6760/file/large-225ce94d2135be9613f0b16a66bc8a58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/de/products/pesto-al-limone-zitrone-bio-130-g-14604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al Limone Zitrone Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zIoLAa57iC5AZmXGobJnCorzm-yu5hnTPZs-DL7eMYryCk-5Jp8cPmztCfOCoDZ3GKT6eqQeDa5phD-eSBZbTA" />
    <input value="14604" 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/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
          <img alt="Karamellbonbon Fudge Karamell-Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6768/file/small-17da5e5f18576694812b4a398220386c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6768/file/large-ce0f63313a4ded4b84d3be40677c3315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.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">Terrasana</p>
          <a href="/de/products/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Karamellbonbon Fudge Karamell-Meersalz Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;000 von 1&#39;235 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/collections/under-5?format=turbo_stream&amp;page=51">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>