<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
          <img alt="Frischhaltebeutel für Kartoffeln aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2403/file/small-47e997521744b9fc37c0ef40f450a8b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2403/file/large-fe0c1072b51a54b21c14bae245774e67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frischhaltebeutel für Kartoffeln aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLpntAvAasaKbdpWy6Q6_ERpZ_4qSlcyFabR9PEoLGGAo-Jrz5wpVnGgCxLItCf8JPH5LHfgO-MIZzohtmAy2Q" />
    <input value="3705" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ramen-nudelsuppe-mit-ingwer-bio-108-g-3728">
          <img alt="Ramen Nudelsuppe mit Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2413/file/small-38bc718bafd7a6be79f26e626562910d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/2413/file/large-85682224abfe5ed3be40a1db3fb25781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.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">Arche</p>
          <a href="/de/products/ramen-nudelsuppe-mit-ingwer-bio-108-g-3728">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ramen Nudelsuppe mit Ingwer Bio, 108 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2FtmBvTKpVVLJi2OBVFOfHVtodawxVt3nT09daGVR_neOhH349pBa7hSfI7BVg5kU0oVQdpebzDtR8gkc5Lpw" />
    <input value="3728" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-zwiebeln-aus-jute-1-stuck-3740">
          <img alt="Frischhaltebeutel für Zwiebeln aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2419/file/small-123fb53adbcbbd76068633a644f3694b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2419/file/large-844b6fc72c9d2b2fd6d48b0e0db51913.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-zwiebeln-aus-jute-1-stuck-3740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frischhaltebeutel für Zwiebeln aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9eCC4JoyL-3CGzW1wX9WX6v7didvXGL8Pe28Rx8_k-jzgfURjSLL0zFvZLUFeBZHjdzCsAXHVrtNl0kWzTg9w" />
    <input value="3740" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-knoblauch-aus-jute-1-stuck-3741">
          <img alt="Frischhaltebeutel für Knoblauch aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2420/file/small-4fc98519ff4d0c46b373e8383c5ca6e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.webp 900w, https://assets.fabulous.ch/public/variant_asset/2420/file/large-e150da69f9fbadbd784e444ce13c5987.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-knoblauch-aus-jute-1-stuck-3741">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frischhaltebeutel für Knoblauch aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHKfvWK3KJTRhFItlV7WgFrH-6RU4DQC6-oWzavL968IaxpiputrBCpJg2mWTsuAOl9ldglKWNP2K_0Y7IPpFw" />
    <input value="3741" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eco-straws-bamboo-strohhalm-2-halme-1-stuck-3744">
          <img alt="Eco Straws Bamboo Strohhalm 2 Halme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2422/file/small-e316441dad5944d70d22762e50bfe15d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2422/file/large-a0c8f7da9f45d00e2cc2f61e4e2d262e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.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">ecobamboo</p>
          <a href="/de/products/eco-straws-bamboo-strohhalm-2-halme-1-stuck-3744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eco Straws Bamboo Strohhalm 2 Halme, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jCS-vKtg4586Bvawojc_WzLBG_G-DysTdcCw10Z0xBGkPTtjbzygD8HLJ_ShJyJbUlmFI-OlR8JoAVsCATzaqQ" />
    <input value="3744" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cookies-plaisir-kastanie-bio-130-g-3745">
          <img alt="Cookies Plaisir Kastanie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2424/file/small-7da09d1b6636f70e0d731844e22cd06b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2424/file/medium-1b9afb5a5406ce19e6c89053307e91aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/2424/file/large-be9df41ca53cba214fe4de84fd6e5d67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2424/file/medium-1b9afb5a5406ce19e6c89053307e91aa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/cookies-plaisir-kastanie-bio-130-g-3745">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Plaisir Kastanie Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6NOVDC8b86i9W9PUQIKObEmdEd-OzVhM0vq9aEAhCq3usuL9OAsXlk4vgtSEhc50b7qlSORWbAuigEg5kiakg" />
    <input value="3745" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sticker-vegan-rocks-1-stuck-3760">
          <img alt="Sticker: Vegan Rocks!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2427/file/small-df679b3afdd5e32cc325f0023a0a11c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2427/file/medium-f400c0602bc36a23145780523bbf460f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2427/file/large-9ac6f19e14813be7fcdcc47127cc1aa4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2427/file/medium-f400c0602bc36a23145780523bbf460f.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">Swissveg</p>
          <a href="/de/products/sticker-vegan-rocks-1-stuck-3760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sticker: Vegan Rocks!, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8g8ACIqyPyb7jjwh1DfTFM-YY6Z9BeihjsujZul1qUnaFoXXTu58tgBD7WXXJ84UrwD9dCCvhHCTCkizrj238Q" />
    <input value="3760" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/mini-sticker-go-vegan-1-stuck-3761">
          <img alt="Mini Sticker: Go Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2429/file/small-b8035348ece4e7c858ac74b2421a90ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2429/file/medium-b3ed708871b6aabdb8c37ba0a17c2743.webp 900w, https://assets.fabulous.ch/public/variant_asset/2429/file/large-b45defba352b0c8d3a5356002af3a6d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2429/file/medium-b3ed708871b6aabdb8c37ba0a17c2743.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">Swissveg</p>
          <a href="/de/products/mini-sticker-go-vegan-1-stuck-3761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Sticker: Go Vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-body-wash-3in1-250-ml-3763">
          <img alt="for men only Body Wash 3in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2430/file/small-ae333d16813453839289924a95497da5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2430/file/medium-4d6664d0829f29b5760e19662296af49.webp 900w, https://assets.fabulous.ch/public/variant_asset/2430/file/large-1aa054431a2d53ad325db6c1a212d305.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2430/file/medium-4d6664d0829f29b5760e19662296af49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/for-men-only-body-wash-3in1-250-ml-3763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Body Wash 3in1, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDPr8O_FCSSR1Pxm7fktu4LS0rGO-AZUwKZ0vvVYKgdQKm4vK5lKtGoZLSLu6TC74kpMY9NSaoXdZ59rshA0vw" />
    <input value="3763" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-bartol-beard-oil-30-ml-3764">
          <img alt="for men only Bartöl Beard Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2431/file/small-9238ab07ce8890fc99db45ed008ed4db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2431/file/medium-5dbc777801b2bf5392451efc39c69536.webp 900w, https://assets.fabulous.ch/public/variant_asset/2431/file/large-b2694379215c4df2b09270dfe8fdfde3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2431/file/medium-5dbc777801b2bf5392451efc39c69536.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/for-men-only-bartol-beard-oil-30-ml-3764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Bartöl Beard Oil, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6rGMwsJDGnBECvRqf7RiwfnUSAwKsY-SFttLAENZztzs0Psz1VP-Trd-pWq7syLZ3_P8m2Aqu9Vmob5RkV5gw" />
    <input value="3764" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
          <img alt="for men only Face &amp; After-Shave Balm 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2435/file/small-940a3a53b6d9f5665c3499c1e0fde296.webp 600w, https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.webp 900w, https://assets.fabulous.ch/public/variant_asset/2435/file/large-14a9c32a6b112889d44c63dbb69b1cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Face &amp; After-Shave Balm 2in1, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aBV_TLC6HLheb2VdB1xdXTLoMPSwtZqzEKNOUXnRaEVADPqTdOZfKKWitBkETEBdUnCuJu0f9mINYqWEPpl2_Q" />
    <input value="3766" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-bechamel-glutenfrei-bio-200-ml-3800">
          <img alt="Cuisine Bechamel Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2446/file/small-f6e65cf13262732afacf6530c2ea4661.webp 600w, https://assets.fabulous.ch/public/variant_asset/2446/file/medium-121cf863005aa5506e3dda3de24eefe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2446/file/large-1178c9dc5c971a5c9df39623db699d97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2446/file/medium-121cf863005aa5506e3dda3de24eefe9.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">Ecomil</p>
          <a href="/de/products/cuisine-bechamel-glutenfrei-bio-200-ml-3800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Bechamel Glutenfrei Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YCpRkXvx42upWLmXJa_Ez7GTHhzTHHzrVEx-twjpsMtIM9ROv62g-1KVaNMmv9nP0QuAzo62EDpJjZViT6Gucw" />
    <input value="3800" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-rohkostlich-leben-mimi-kirk-1-stuck-3808">
          <img alt="Kochbuch: Rohköstlich Leben Mimi Kirk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2453/file/small-ad775b5ba849c1f0966d5d23bfc4b196.webp 600w, https://assets.fabulous.ch/public/variant_asset/2453/file/medium-c79ef1822050aa23ecfe97fb22ea19db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2453/file/large-40820b57d7d7bcf23be68ddf30d46b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2453/file/medium-c79ef1822050aa23ecfe97fb22ea19db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/kochbuch-rohkostlich-leben-mimi-kirk-1-stuck-3808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch: Rohköstlich Leben Mimi Kirk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.55
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-raw-soul-food-julia-lechner-anton-teichmann-1-stuck-3809">
          <img alt="Kochbuch Raw Soul Food Julia Lechner &amp; Anton Teichmann" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2454/file/small-7ea91b57621f8f4993069f1ff2e0d2c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2454/file/medium-6b36267029c423001e9dea80ed61fbb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2454/file/large-40fe06d80f0b37c4a409d00755fa0ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2454/file/medium-6b36267029c423001e9dea80ed61fbb6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/kochbuch-raw-soul-food-julia-lechner-anton-teichmann-1-stuck-3809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Raw Soul Food Julia Lechner &amp; Anton Teichmann, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.55
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-kochen-mit-lupine-christian-wenzel-1-stuck-3810">
          <img alt="Vegan kochen mit Lupine Christian Wenzel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2456/file/small-2cae3457ceb74e9e4b95dc6c474b00f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2456/file/medium-2d9e829a250d99a9980c7acfd090461b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2456/file/large-6dce19d1fedd27b25b4a7c43ebff0072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2456/file/medium-2d9e829a250d99a9980c7acfd090461b.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/vegan-kochen-mit-lupine-christian-wenzel-1-stuck-3810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan kochen mit Lupine Christian Wenzel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WMCb2wnwVQd3hc_8huHlN7QiNof2Nyd0NieQglkdGalw2R4EzawWl4xIHriF8fg31LqoVaudS6Ur5ntXHlUHEQ" />
    <input value="3810" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bohnen-mungobohnen-rohkostqualitat-bio-500-g-3821">
          <img alt="Bohnen Mungobohnen Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2466/file/small-6ec423078c5e7026f5a08a45e3a48ecf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2466/file/medium-b4b6a751556b8ae49f113e8ee702b29e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2466/file/large-54426fdc401b3cc9da8580f38f06c069.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2466/file/medium-b4b6a751556b8ae49f113e8ee702b29e.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">Davert</p>
          <a href="/de/products/bohnen-mungobohnen-rohkostqualitat-bio-500-g-3821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen Mungobohnen Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNGDhCsajFI1I1P5WWGX3rfv9OHafunD50R9MJu0v0S0yAZb70bPws7ugr1acYre13dqM4fUhRL6hZbl3Pyh_A" />
    <input value="3821" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-stuck-3831">
          <img alt="Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2477/file/small-f4a9fdf3fb780af7075856e47b69c6db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2477/file/large-aeb3dc3f8e2b0f9bff0b638497897fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.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/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-stuck-3831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffeepeeling-the-hungover-minze-220-g-3870">
          <img alt="Kaffeepeeling &quot;The Hungover&quot; Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2493/file/small-04bb24f85e4e7b2ddb4073abff1d77b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/2493/file/large-4e4013906cddf43953db1cd23bd55159.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.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">Optiat</p>
          <a href="/de/products/kaffeepeeling-the-hungover-minze-220-g-3870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffeepeeling &quot;The Hungover&quot; Minze, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r8X9lf9z0VmOh6wYTuE08rDC7WThw4b9VNN8K9TSmKuH3HhKOy-SyXVKfVxN8Sny0Fpztrxp6ixJEpf-k5qGEw" />
    <input value="3870" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
          <img alt="Mehl Sojamehl getoastet glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Sojamehl getoastet glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1l1_gel8blOsdg6hGOa5SeM1Ydngg4TTkEs6z4nfqIv-RPpeLSAtw1e73-Ub9qRJg63_C70p6AKNitEazpe2Mw" />
    <input value="3949" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D96">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
          <img alt="Reispapier für Frühlingsrollen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2508/file/small-96ce3f3e1179a9353c077b7cee16c1f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2508/file/large-f72774e4f1391c5ed9dc461e270bf056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.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">Arche</p>
          <a href="/de/products/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reispapier für Frühlingsrollen Glutenfrei Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KY9vsq0rr3S26kqtrz8iVSl1Q3_jvkVbQithNXGeDAcBluptaXfs5E0nm-msLz9VSe3drb4UKYpf6orgNtYSvw" />
    <input value="3957" 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;920 von 3&#39;291 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/diy-do-it-yourself?format=turbo_stream&amp;page=97">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>