<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/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
          <img alt="Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4811/file/small-7e7a8acc473ad636d308de5b41b10be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4811/file/large-5cdc877a9c1306c6342b554f5c3ce176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.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">Bambaw</p>
          <a href="/de/products/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen), 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8233-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/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
          <img alt="Geschirrbürste / Spülbürste #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4814/file/small-5d4fa2159e433a663bd34746a6d81bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp 900w, https://assets.fabulous.ch/public/variant_asset/4814/file/large-4ffc75258000058dbfa76fc20bc195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.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">Bambaw</p>
          <a href="/de/products/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirrbürste / Spülbürste #plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2CYVfDewj56nViyo6iN7HOtyO9z5Sz1ivLLARMB-oNIzYMnwLwCLFtL-VJpo_JAAp_uqp8x84fwKB7fEaOeT8w" />
    <input value="8234" 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/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
          <img alt="Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4815/file/small-477767afe4445cfe5e57ca3a1f7a64b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4815/file/large-4de02202ab99297ac0d8f7d648253fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xEK2YtJChdjJ09OdnZ66bQS4OiYaD_YbtH17ll0c_OkvBGruyvKBULx7q68fQVFxSDGrXS84KoUCyAwW9YXPyA" />
    <input value="8235" 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/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
          <img alt="Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4818/file/small-521ab929cdc05564cfc87bc00dae5d9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4818/file/large-112138ac4369e9309947c1e55dbc19f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5PckWPA1Y_kqRePSuedhC-JtVwfyTnqRDmfsoobmxFQPsfjU6IVncV_tm-A7OIoXruTGfMd5pg-40psiLn_3dQ" />
    <input value="8236" 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/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
          <img alt="Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4821/file/small-dea16dd25e452ad6c222365560695766.webp 600w, https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4821/file/large-0e762b0e2f5aff6ec140c45dcbbf0cbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-konjak-spaghetti-bio-270-g-8244">
          <img alt="Pasta Konjak Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4824/file/small-5122a7a3f1346daa51cdaf4f541e51b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4824/file/large-36376ada5d7ceac4345d1baeb9380377.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-spaghetti-bio-270-g-8244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Spaghetti Bio, 270 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sesPPzCBy7TL44_9FrdnWDvJ2WGPcEw5Haq-ojoaH3pardOzKDHPPL5L98-UaIxEd0BIGrpHkKerH8kikoMsWw" />
    <input value="8244" 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/pasta-konjak-nudeln-bio-270-g-8245">
          <img alt="Pasta Konjak Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-nudeln-bio-270-g-8245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Nudeln Bio, 270 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-konjak-tagliatelle-bio-270-g-8246">
          <img alt="Pasta Konjak Tagliatelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4832/file/small-45b7091a88c392bfacc8f2231a18c240.webp 600w, https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4832/file/large-85e78110febe891e9fe84b482a0cb4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-tagliatelle-bio-270-g-8246">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Tagliatelle Bio, 270 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Kjgs3Fzah9Whvc-LoR9bnwJ-TQf_1APGsLDYH3w76UH7jw_acNulyMujwysW5ZyMIBoTyrIjJGsd7Tg1WnchA" />
    <input value="8246" 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/reis-konjak-reis-bio-270-g-8247">
          <img alt="Reis Konjak-Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/de/products/reis-konjak-reis-bio-270-g-8247">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Konjak-Reis Bio, 270 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/joghurtferment-my-yo-vegan-bio-3-beutel-5-g-8261">
          <img alt="Joghurtferment My.Yo VEGAN Bio (3 Beutel)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4848/file/small-8552f588380e3e157e2799af43561dc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4848/file/medium-9cb5190c4d6c2203c77b19c44e17cd3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4848/file/large-310c4fd31a97342e7572d91e46bbef57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4848/file/medium-9cb5190c4d6c2203c77b19c44e17cd3d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-vegan-bio-3-beutel-5-g-8261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtferment My.Yo VEGAN Bio (3 Beutel), 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KEl__o--OLw2wGk-SlSfkr2aO9SqJJ_Pa9SOL_y2TIjDD6Nylw48NENoEQzIi3SO8ROqr58TQ1HdYfmvVC9_qQ" />
    <input value="8261" 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/brotteige-sauerteig-dinkel-extrakt-bio-30-g-8278">
          <img alt="Brotteige Sauerteig Dinkel Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4849/file/small-ee967efc754bdcbad036ebbaf700ab55.webp 600w, https://assets.fabulous.ch/public/variant_asset/4849/file/medium-2e537cb890079e61deb52263418d9064.webp 900w, https://assets.fabulous.ch/public/variant_asset/4849/file/large-4c197323e5c90fa2e5362690179353d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4849/file/medium-2e537cb890079e61deb52263418d9064.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/brotteige-sauerteig-dinkel-extrakt-bio-30-g-8278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotteige Sauerteig Dinkel Extrakt Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M2BmIsOwtWJXqZ0LGnwUBoN0a_UVYTFuXr1vL_N6UTXYJrqu2wCx6iIB5TmYo_8az_36jiBW7fDoCBivW-NiFA" />
    <input value="8278" 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/brotteige-sauerteig-roggen-extrakt-bio-30-g-8279">
          <img alt="Brotteige Sauerteig Roggen Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4850/file/small-8168d6fd55c51517b11bbc2f12d61c73.webp 600w, https://assets.fabulous.ch/public/variant_asset/4850/file/medium-4a194fe4412f25c75cf4a43510642d8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4850/file/large-dabd8ec892639e10f6a13a7e9b3dbf7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4850/file/medium-4a194fe4412f25c75cf4a43510642d8a.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/brotteige-sauerteig-roggen-extrakt-bio-30-g-8279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotteige Sauerteig Roggen Extrakt Bio, 30 g</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 7.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NdEx8rPFJ7UIoCZEKEQ-B9AnrG-gRMotls5U5Pa2Epvel-1-q3UjPX0IXnaqm9UbnK49FJVzFrMgeyNkXi8hug" />
    <input value="8279" 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/kokoswasser-premium-bio-330-ml-8281">
          <img alt="Kokoswasser Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4851/file/small-e6ba92196b8cc97a3849d58ecc1ef6e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4851/file/medium-341a28be8d8d791b41d3efae0cabb09a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4851/file/large-9f56eaeb7571038f97a4919858547981.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4851/file/medium-341a28be8d8d791b41d3efae0cabb09a.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">Dr. Goerg</p>
          <a href="/de/products/kokoswasser-premium-bio-330-ml-8281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokoswasser Premium Bio, 330 ml</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 0.82 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NpSlB_PvTg9btLdB2T5pUw4t0e7P04_0GMI3Mci_or3d0nmL619Khy4cz3Nb4YJPQqRAlfrkU2qud0CxYCaRnA" />
    <input value="8281" 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/gleit-und-massagegel-green-tea-fairtrade-vegan-150-ml-8282">
          <img alt="Gleit- und Massagegel Green Tea Fairtrade Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4854/file/small-028e1f73d1b345812b72a50b11c2538f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4854/file/medium-d149a91784b3e56de9c5ab093f38e367.webp 900w, https://assets.fabulous.ch/public/variant_asset/4854/file/large-f7cebdb10c96835781a9102be60892bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4854/file/medium-d149a91784b3e56de9c5ab093f38e367.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">Fair Squared</p>
          <a href="/de/products/gleit-und-massagegel-green-tea-fairtrade-vegan-150-ml-8282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gleit- und Massagegel Green Tea Fairtrade Vegan, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w7Fa6yQqxlXrcsCylbF54GhpQhHGf66mM5RJNr9umYco94ZnPJrC3Z7auIAXbpL8JODTavNIcjiFIT62F_eqpg" />
    <input value="8282" 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/veganer-eiweiss-ersatz-100-pflanzlich-bio-10-g-8283">
          <img alt="Veganer Eiweiss-Ersatz 100% pflanzlich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4855/file/small-3d3995f3e0adc7bfc61b5071b1969f5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4855/file/medium-53f2ea40c227b69c8b04fea9a5e68384.webp 900w, https://assets.fabulous.ch/public/variant_asset/4855/file/large-6878a5b017ca9be34f93bf6c6f7b63c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4855/file/medium-53f2ea40c227b69c8b04fea9a5e68384.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/veganer-eiweiss-ersatz-100-pflanzlich-bio-10-g-8283">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganer Eiweiss-Ersatz 100% pflanzlich Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2Gx7ONjHAHCE93nFSKlrQyUCpRvarx_wbI0S--CoIwkJ21g-9MYibe7pdWX_U6xQB2b71pdYOF3B0PLRxuTrQ" />
    <input value="8283" 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/kurbisgewurz-pumpkin-spice-bio-14-g-8284">
          <img alt="Kürbisgewürz Pumpkin Spice Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4857/file/small-d136211158b5dcdac5ff3e42bff0f5dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4857/file/large-f4688272f87ee64ac91165c3b8b78635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.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/kurbisgewurz-pumpkin-spice-bio-14-g-8284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbisgewürz Pumpkin Spice Bio, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/veg-deli-slices-bacon-90-g-8300">
          <img alt="Veg Deli Slices – Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4871/file/small-9e5771e4e1131af3ecdaa3ff5681169b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4871/file/medium-1c7dd95f0fd9213dfc360c57c31683e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4871/file/large-27c4c6b97eb87edd1c7d9074171b0ec8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4871/file/medium-1c7dd95f0fd9213dfc360c57c31683e1.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">Licorne</p>
          <a href="/de/products/veg-deli-slices-bacon-90-g-8300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Deli Slices – Bacon, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8300-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/chutney-karamellisierte-rote-zwiebeln-195-g-8320">
          <img alt="Chutney Karamellisierte Rote Zwiebeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4891/file/small-d5f1dd886e79629ba0f0aad5a6c15073.webp 600w, https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4891/file/large-ae31cf9a0a54b8a4d3bd0e8158ae6c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.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">Shaws</p>
          <a href="/de/products/chutney-karamellisierte-rote-zwiebeln-195-g-8320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chutney Karamellisierte Rote Zwiebeln, 195 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8320-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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokoladen-munzen-taler-70-dunkle-schokolade-65-g-8355">
          <img alt="Schokoladen Münzen / Taler 70% Dunkle Schokolade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4918/file/small-e6a6807f7def1e1819f4cb6c3c9489ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/4918/file/medium-66ee55ffc074d77cc2128203ef420a6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4918/file/large-de1c039c3bfd1875b3ecd7fc14412c2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4918/file/medium-66ee55ffc074d77cc2128203ef420a6f.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">Divine</p>
          <a href="/de/products/schokoladen-munzen-taler-70-dunkle-schokolade-65-g-8355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokoladen Münzen / Taler 70% Dunkle Schokolade, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="51gZAVQ1RueZmO2JIka5HAYODkHSiZ4xWmIsPI3wsxwMHsWNTIVCb-wwlbugmVIASoefOue-Qq_s11u8JWmAPQ" />
    <input value="8355" 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/chutney-chunky-mango-300-g-8358">
          <img alt="Chutney Chunky Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4921/file/small-795fd22ae97bbe98f25f02c2e5b318fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4921/file/large-11e0bf8f1a752307dd1f255ba52aa3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.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">Shaws</p>
          <a href="/de/products/chutney-chunky-mango-300-g-8358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chutney Chunky Mango, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MjF_IMxDxVMpBjyegWBL5yM29kQ8ghHakVrLtcToCsXZd6Os1PPB21yuRKwDv6D7b79nPwm1zUQn77w1bHE55A" />
    <input value="8358" 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;460 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/veggie-karma?format=turbo_stream&amp;page=74">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>