<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
          <img alt="Artischocken in Olivenöl Alce Nero Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4734/file/small-64eb6b71259dd9a0d0eaf26ed5c550e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.webp 900w, https://assets.fabulous.ch/public/variant_asset/4734/file/large-85ff887ced863591f2b40007be73d615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.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">Alce Nero</p>
          <a href="/de/products/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artischocken in Olivenöl Alce Nero Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9x8B3ZoKQphFNbo1RSQsKP98-THD5lxT2PsgKefVo8vU_snWLBnogZ237Sjif-vQpjsZB-55V5EChJxB1hZ3qg" />
    <input value="8071" 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/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
          <img alt="Reis Alternative Dinkel wie Reis Kochdinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4736/file/small-c60e108f4c14536117205b1496a1dd83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4736/file/large-5c20626d893b0d71c45e31ad0bf86444.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.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">Donath</p>
          <a href="/de/products/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Dinkel wie Reis Kochdinkel Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IaDD_7vSIyA-sJXc9oryRoZwMohOp_Q3UGr_Dn5Kd3oCQQv0DcGJOeYywsFR0TW-3zfSvmM4__WKFUNmT4mjGw" />
    <input value="8083" 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-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
          <img alt="Reis Alternative Hafer wie Reis Kochhafer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4738/file/small-c3af6462c2d2cefb6e29dd81dd8e42af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4738/file/large-fb1f36ac971234b0426c6b1cb13fcd18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.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">Donath</p>
          <a href="/de/products/reis-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Hafer wie Reis Kochhafer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NQSbqflHz9O0UYrXAZeE_MZD7I5wXIYrHevANAZ7BncW5VOiT1RlymzT3cqmzEMEnwQMuF3DjenHlHxcN7jSFg" />
    <input value="8084" 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/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
          <img alt="Öl MCT-Öl aus Kokosnussöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4739/file/small-5749a0c2106310e524dd0c856d831a5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4739/file/large-c3241378fbe783ab4fb61fe750d3b784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.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">Kulau</p>
          <a href="/de/products/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl MCT-Öl aus Kokosnussöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="awSDvNE4k38153w2tViqbg63vnshBINDUBRQ4TUXT4hI5Uu3Zys5Zu1lKysSA22WV_BeTQybiIGKa-yJBNSb6Q" />
    <input value="8085" 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/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-8086">
          <img alt="Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4741/file/small-d7c6cff55970387bd0d0dd0d31727257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4741/file/large-98b28c9cbff5801b4cebe8a9ba6306a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.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">Fredos</p>
          <a href="/de/products/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-8086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio, 300 ml</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 1.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4M0UmyC7CVk3SnttiPqFjNyVnuiZ2dHkJ_PNJMppwX3DLNyQlqijQO_ILHAvoUJ0hdJ-3rRG2ib9jHFM-6oVHA" />
    <input value="8086" 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/fredos-coole-lollies-fruchtig-wassereis-bio-300-ml-8087">
          <img alt="Fredos Coole Lollies &quot;Fruchtig&quot; Wassereis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4742/file/small-fe7a1d23a07faf4a7e40c2eb49dbcb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4742/file/medium-9a97f87d852e992d0a0c694e255c467e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4742/file/large-03dae2ffb2805b75fd2fe0e3d6a4de1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4742/file/medium-9a97f87d852e992d0a0c694e255c467e.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">Fredos</p>
          <a href="/de/products/fredos-coole-lollies-fruchtig-wassereis-bio-300-ml-8087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fredos Coole Lollies &quot;Fruchtig&quot; Wassereis Bio, 300 ml</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.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HKohqPM3kR1MoWiXLO0CfCW149JCsMwix6K-u7tn170_S-mjRSQ7BJQjP4qLtsWEfPID5G8vx-Ad3QLTiqQD3A" />
    <input value="8087" 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/hanf-protein-flakes-bio-150-g-8088">
          <img alt="Hanf Protein Flakes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4740/file/small-eca068fcb9f2f0a4dbe9ad9a72ef6a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.webp 900w, https://assets.fabulous.ch/public/variant_asset/4740/file/large-bf4f1c9730119030eceff64b9e528e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanf-protein-flakes-bio-150-g-8088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanf Protein Flakes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZW9W7LW3gveb1nj8_Ebr9G3f-_A7Fa794F1Tg6TrC2GdHVQBMV0EgbtDv5UqtxXiPCf2e1zXXkt_skmP1B4TA" />
    <input value="8088" 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/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
          <img alt="Earthing - Heilendes Erden, Clinton Ober" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4745/file/small-56f1be1c0013e83ee5a2d87aeb387cda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4745/file/large-efb4f120bad4e809fccbc3642bd7fc95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Earthing - Heilendes Erden, Clinton Ober, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NS_9m-TOODMOrxGHuaStAlTiRIqwJ6Usnf6JjTepTUsWzjWQUt2SKtYtRpoe_2r6DaWkvJ24ru5HgTXlBmqZKg" />
    <input value="8098" 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/vegane-omega-3-kapseln-algenol-omega-3-30-stuck-8103">
          <img alt="Vegane Omega 3 Kapseln Algenöl Omega-3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4747/file/small-13cd520293136d638ddd72fd419e19d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4747/file/medium-84be41a5bb7a567fa4294ed9f242815d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4747/file/large-113837e71706dc89f59aca598c70505d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4747/file/medium-84be41a5bb7a567fa4294ed9f242815d.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">Raab</p>
          <a href="/de/products/vegane-omega-3-kapseln-algenol-omega-3-30-stuck-8103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Omega 3 Kapseln Algenöl Omega-3, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gW50BRWBtKNiWMru22Fizgu2_HI7ZJld18TyaEqxmMqij7wOo5IeurranfN8OqU2UvEcRBb7kp8Nu04Ae3JMqw" />
    <input value="8103" 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/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-5-kg-8113">
          <img alt="Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4748/file/small-77815476e4bf661e56859ab35e724deb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4748/file/medium-e242f8beec45f2f48884a340a0222e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4748/file/large-970f1c6dacd398dd7fa8f13f21f71b76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4748/file/medium-e242f8beec45f2f48884a340a0222e62.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">Progana / Mühle Rytz</p>
          <a href="/de/products/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-5-kg-8113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bOzommdAF5aN44ABLprCiJnYRL9lBZuBVXEnzGR0DVdPDSCR0VO9j1Vh1xyJwQVwwJ-kiUiakEOPDpukVbfZNg" />
    <input value="8113" 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/datteln-ohne-stein-deglet-nour-grossgebinde-bio-5-kg-8114">
          <img alt="Datteln ohne Stein Deglet Nour Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4750/file/small-4b30f2e1318bbfeb5ee63306e7a135b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp 900w, https://assets.fabulous.ch/public/variant_asset/4750/file/large-ca40799b4708031bba21225b469bd856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.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">Bio Grosshandel</p>
          <a href="/de/products/datteln-ohne-stein-deglet-nour-grossgebinde-bio-5-kg-8114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln ohne Stein Deglet Nour Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8G4Wr_l_7Z7nAZv6ckQiDt7_C7hs7LyO3Jo5SMrow1vTj96kT2xHhz-DzOfVH-X2h7jrjkFzt0wG5YUg-ysXOg" />
    <input value="8114" 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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-leicht-1-stuck-8190">
          <img alt="Slipeinlagen Waschbar Wiederverwendbare Damenbinden LEICHT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4777/file/small-03c7aad0331810b3543c57e07791e779.webp 600w, https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4777/file/large-9cb741280357ee1bbae92ff05676db5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-leicht-1-stuck-8190">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen Waschbar Wiederverwendbare Damenbinden LEICHT, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zuwBRMWOsJCn0dxvCaZE9x6d56PWbYmQ8kcr4cPbEQTtDclPc50aiX9Ti3Ku_YMPR9oHlfvyglIoOJeJ8hjFZQ" />
    <input value="8190" 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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-mittel-5-stuck-8191">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden MITTEL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4778/file/small-7d86d1b8a418f72864aa551107de1a28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.webp 900w, https://assets.fabulous.ch/public/variant_asset/4778/file/large-ef1fef1845d677ff0f2b9fdba13f3235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-mittel-5-stuck-8191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden MITTEL, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jctSMz3p0wWqB6VgeOcxAeYetB9fQZVEFmRZHfYZ55-uKpo4i_p5HHKF8n3fvPb5v1lUKXLenobMG-V1x9oz_g" />
    <input value="8191" 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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-stark-5-stuck-8192">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden STARK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4780/file/small-2b17a0aba461f1e1c482db2f6fcfdeed.webp 600w, https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.webp 900w, https://assets.fabulous.ch/public/variant_asset/4780/file/large-d2ec7ae01c1048b85ad8f7bb10a6b716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-stark-5-stuck-8192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden STARK, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8192-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/rasierer-bambus-rasierhobel-1-stuck-8194">
          <img alt="Rasierer Bambus Rasierhobel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4779/file/small-17842d59761d559dc8990e481e1d4c08.webp 600w, https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.webp 900w, https://assets.fabulous.ch/public/variant_asset/4779/file/large-6ba0324a957669bfc0acac603f35eac3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.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/rasierer-bambus-rasierhobel-1-stuck-8194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasierer Bambus Rasierhobel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PujW2SYqsAdGAUKfMW9BsI9E_gEG3zIN3lvjoYzjX0odCR7SkDkaHp6DFYKWNIZI1gMeNytAOc8EJF_JvSCLKw" />
    <input value="8194" 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/rasierer-metall-rasierhobel-rose-gold-1-stuck-8195">
          <img alt="Rasierer Metall Rasierhobel ROSE GOLD" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4781/file/small-1c0dcd606b86ad9eb3d254e0f6c3eaca.webp 600w, https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4781/file/large-9722fc1960875ebb5416b8a5142423b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.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/rasierer-metall-rasierhobel-rose-gold-1-stuck-8195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasierer Metall Rasierhobel ROSE GOLD, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PoV4oGo3BQhjMZ7oE8crKryP2aPrFnVXSS0vQkCL89gdZLCr3CSvEbuzyfW0nOzS5cg5lcaJfpWTUpMqcUgnuQ" />
    <input value="8195" 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/rasierer-metall-rasierhobel-silber-1-stuck-8196">
          <img alt="Rasierer Metall Rasierhobel SILBER" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4783/file/small-f606d8075a5e7a278f81aa24901dd5e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.webp 900w, https://assets.fabulous.ch/public/variant_asset/4783/file/large-ee35980a8d09d35f31cc6254c08d0d4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.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/rasierer-metall-rasierhobel-silber-1-stuck-8196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasierer Metall Rasierhobel SILBER, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GchRB78EY9qzG0O5BNsrMHRTqyAqH6AvUf_3yM_xz-86KZkMCRfJw2uZFKSjgOzILRRLFgeAq-2LgEug_jIbjg" />
    <input value="8196" 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/rasierer-raiserklingen-nachfullpack-100-stuck-8197">
          <img alt="Rasierer Raiserklingen Nachfüllpack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4782/file/small-0fbc55925f64badec0ec7fef2576e6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.webp 900w, https://assets.fabulous.ch/public/variant_asset/4782/file/large-2f6e42100a1ca80d9b07c343da134e94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.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/rasierer-raiserklingen-nachfullpack-100-stuck-8197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasierer Raiserklingen Nachfüllpack, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Bpd_KuPwkluz_vQas9Sy_Ci0lOEYtYeu1Icp0R4SrLf-5X3HZxoULZNrM3NlJUzqeUyZan93dxhLaDPdbue0w" />
    <input value="8197" 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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-leicht-5-stuck-8205">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden LEICHT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4785/file/small-4a56fc91a9c2ed68eb582d459334f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4785/file/large-0d4fef311a2f241867ebf0af519958d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-leicht-5-stuck-8205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden LEICHT, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etdPGG7fXvL7oy_ED5BLaw2IDqiiLjX0DdaLxv9qOzNZNocT2Mz06yMheNmoy4yTVM_uno-xPjbXqTeuzqnvUg" />
    <input value="8205" 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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-mittel-1-stuck-8206">
          <img alt="Slipeinlagen Waschbar Wiederverwendbare Damenbinden MITTEL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4792/file/small-0ef02af074f0510ac8534c000bf19938.webp 600w, https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4792/file/large-e0b999097d0f4f4d69f6b7d2f2f112c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-mittel-1-stuck-8206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen Waschbar Wiederverwendbare Damenbinden MITTEL, 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-8206-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yP_5wQEx8ErAjJl5lM3YXMSezPiRg9SElTTgzgBT2dzrHjHKtyJaUxgOzmQzlh-kndkszrwc30ZPS1ymMZANvQ" />
    <input value="8206" 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;420 von 3&#39;188 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/farfalla?format=turbo_stream&amp;page=72">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>