<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%3D179">
    <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/bitter-extrakt-aus-bitterkrautern-bio-100-ml-17435">
          <img alt="Bitter Extrakt aus Bitterkräutern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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">NaturKraftWerke</p>
          <a href="/de/products/bitter-extrakt-aus-bitterkrautern-bio-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bitter Extrakt aus Bitterkräutern Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17435&quot;],&quot;content_name&quot;:&quot;Bitter Extrakt aus Bitterkräutern Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17435&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IshKR9D4_e1_SJGLHKbmLQ6aSORLeZiH98NtMx2En4uo5oWplbvHDP3onps8vKcZMVdmN1DcP-9UzBKFVKY25Q" />
    <input value="17435" 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%3D179">
    <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/magnesium-citrat-waldfrucht-pulver-200-g-17437">
          <img alt="Magnesium Citrat Waldfrucht Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8134/file/small-536242d45018a508d3a09a4cf965f4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8134/file/large-4473c1635091b7214b348cd883ffc077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.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/magnesium-citrat-waldfrucht-pulver-200-g-17437">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magnesium Citrat Waldfrucht Pulver, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17437&quot;],&quot;content_name&quot;:&quot;Magnesium Citrat Waldfrucht Pulver, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17437&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r9wlI9oGtSj38WbmN_JvMX7xFFryFST49R9BpIrpuv0l8urNn0WPyXVRafYX6C4FQTw6iemwg5BWED4Sw8sTkw" />
    <input value="17437" 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%3D179">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
          <img alt="Garlic Crunch Oil Hot Chili Scorpion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8136/file/small-b9a231e0b4cedcb690303f284eac896c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.webp 900w, https://assets.fabulous.ch/public/variant_asset/8136/file/large-b6e0380119afe7822181281f935785ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.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">Odawaraya</p>
          <a href="/de/products/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Garlic Crunch Oil Hot Chili Scorpion, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17460&quot;],&quot;content_name&quot;:&quot;Garlic Crunch Oil Hot Chili Scorpion, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17460&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dOCpwo8w-yexfiO9vYn7BM7sMW7UpqxBUdKTktvX5_H-zmYsynPBxjPeLK2dk7ow8SEfvc8DCyny3ewkkvVOnw" />
    <input value="17460" 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%3D179">
    <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/fruchtgarten-hagebutte-bio-225-g-17463">
          <img alt="Fruchtgarten Hagebutte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-hagebutte-bio-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Hagebutte Bio, 225 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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17463&quot;],&quot;content_name&quot;:&quot;Fruchtgarten Hagebutte Bio, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17463&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5_-J5mnkZKI9DhzC1D-CD-8XBE3Zo3S3A8tvK4O_sdFt0UYILKdeQ7-uE9L0JcM70NoqnsIG09-gxBCdyp0Yvw" />
    <input value="17463" 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%3D179">
    <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/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
          <img alt="Fruchtgarten Erdbeer-Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Erdbeer-Rhabarber Bio, 225 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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17464&quot;],&quot;content_name&quot;:&quot;Fruchtgarten Erdbeer-Rhabarber Bio, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17464&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OYo2BJgTcvYngkP2p8b82FKEpTddZ-lrLcW3fLBR2I6zpPnq3VBIF6UiTOaH3L3sbUmL5EbCTgOOysjK-XNx4A" />
    <input value="17464" 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%3D179">
    <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/soya-drink-vanille-bio-500-ml-17482">
          <img alt="Soya Drink Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8143/file/small-4f2569bf3fa7361b901c92f0153c1315.webp 600w, https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8143/file/large-fa49dbf66f56718eed70d03f24f3d9e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.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">Soyana</p>
          <a href="/de/products/soya-drink-vanille-bio-500-ml-17482">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Drink Vanille Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17482&quot;],&quot;content_name&quot;:&quot;Soya Drink Vanille Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17482&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLeHTDjEv6PgQWneVn2qMAPaIZKoKr0KxkPzRmAS76HCmUiifYeFQmLhZs52Z-sEPBcPQbOPGmJlTIzwKTBGzw" />
    <input value="17482" 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%3D179">
    <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/kimchi-hot-sauce-130-g-17485">
          <img alt="Kimchi Hot Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8147/file/small-828da735dfa9ac3fd473df96eba0c46d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8147/file/large-1f41d4e35b231fb535c3e760088f7c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.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">Odawaraya</p>
          <a href="/de/products/kimchi-hot-sauce-130-g-17485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kimchi Hot Sauce, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17485&quot;],&quot;content_name&quot;:&quot;Kimchi Hot Sauce, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17485&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ONbqopzUb19NCSE2DXLa7hdDvi5q3jPqZxA0oqtI7Z-y-CVM2ZdVvs-pLiYtaJvaKI6Q_XF7lILEH0sU4mpE8Q" />
    <input value="17485" 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%3D179">
    <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/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
          <img alt="Peak Punk Haferriegel Pistachio Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8162/file/small-86c9361dce3bef689efb2ebd99e7c2ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8162/file/large-df37428988370d007f6c1b81de83b432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Pistachio Cashew Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17507&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Pistachio Cashew Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17507&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NE-3CSz5mwRVLbRwjFyDs3GZZAelcFO-cS-9l6EJZla-YXjnabqh5deNu2CsRsKHTlRK1L7V9NbSIMIh6CvPOA" />
    <input value="17507" 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%3D179">
    <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/fair-squared-kondome-sensitive-dry-kondome-10-stuck-17526">
          <img alt="Fair Squared Kondome Sensitive Dry Kondome" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8172/file/small-edbffccb8d5237b7ec296fca7e7249fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.webp 900w, https://assets.fabulous.ch/public/variant_asset/8172/file/large-fb7641034139bfb5eec6da33c52f3f85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Fair Squared</p>
          <a href="/de/products/fair-squared-kondome-sensitive-dry-kondome-10-stuck-17526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fair Squared Kondome Sensitive Dry Kondome, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17526&quot;],&quot;content_name&quot;:&quot;Fair Squared Kondome Sensitive Dry Kondome, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17526&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWufH4BlkI3J34fG17DHWK0_dL3uafH7cqCzm12pVhI7RVDxxSaqbEt_iNb3qoZskvJabvXMVpPRr8wtFIv_fA" />
    <input value="17526" 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%3D179">
    <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/bunte-schokolinsen-bio-70-g-17529">
          <img alt="Bunte Schokolinsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8175/file/small-d480cdb0203b5f0ff998ea00f55719ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8175/file/large-624a3d6aaa895b8c1d9c23a16ccd7d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.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">bett&#39;r</p>
          <a href="/de/products/bunte-schokolinsen-bio-70-g-17529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bunte Schokolinsen Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17529&quot;],&quot;content_name&quot;:&quot;Bunte Schokolinsen Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17529&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bydOePoOTP-C1ZceTIu91qYZdh_oylrnsVU1qoslh-jlCYGWv012HgB1mA5skfzimdRYzPNv_Y8SWkocwgcuhg" />
    <input value="17529" 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%3D179">
    <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/senfol-demeter-250-ml-17536">
          <img alt="Senföl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8181/file/small-69763c9ab8c853579d3ba374068cd07b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8181/file/large-f799b2dfe2b438f72a7c26abaebacc89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.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">NaturKraftWerke</p>
          <a href="/de/products/senfol-demeter-250-ml-17536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senföl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17536&quot;],&quot;content_name&quot;:&quot;Senföl Demeter, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IAwzy20VXvBTCa3pDGEcF9UfcGMHwzfHGxNuX_uUPkOqIvwlKFZkEdGpovkse10j6tJesBxmkK-4HBHpsraXLQ" />
    <input value="17536" 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%3D179">
    <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/acerola-pulver-bio-300-g-17561">
          <img alt="Acerola Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8189/file/small-c34ffaa6362f53d4db3943d90b9609e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8189/file/large-1c85e2804e3e3df22012975a00f2dde2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.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">NaturKraftWerke</p>
          <a href="/de/products/acerola-pulver-bio-300-g-17561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acerola Pulver Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17561-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%3D179">
    <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/miso-suppe-instant-bio-210-g-17562">
          <img alt="Miso Suppe instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8191/file/small-c598140418826cc87e80ea7654cb7397.webp 600w, https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.webp 900w, https://assets.fabulous.ch/public/variant_asset/8191/file/large-d5194add5da35c1b2d04c32b19a330ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.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">NaturKraftWerke</p>
          <a href="/de/products/miso-suppe-instant-bio-210-g-17562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Suppe instant Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17562&quot;],&quot;content_name&quot;:&quot;Miso Suppe instant Bio, 210 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17562&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tVpQ-mA4_QaPd4sq8EFSVHClyme8xSTFGqSjsk1FEyI_dJ8UJXvH5w3XhDrQWxNgT2jktKdgg625q9wEBGe6TA" />
    <input value="17562" 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%3D179">
    <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/sultaninen-bio-500-g-a964f415-247d-4833-a46c-f0c963a86215-17601">
          <img alt="Sultaninen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8209/file/small-49df26b1c2d92024c994e0881a91ae00.webp 600w, https://assets.fabulous.ch/public/variant_asset/8209/file/medium-627e773f52be34222a498877c06164ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8209/file/large-bfc753d5dc739d5a52f168e078d18e4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8209/file/medium-627e773f52be34222a498877c06164ea.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">Rapunzel</p>
          <a href="/de/products/sultaninen-bio-500-g-a964f415-247d-4833-a46c-f0c963a86215-17601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17601&quot;],&quot;content_name&quot;:&quot;Sultaninen Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SX52veq562fpnl15KF8U2_H1j92uxqALWz5uoBvcLFnDULlTr_rRhms-UmkIRVXvzjihDrVjB2P4MREWUv6FNw" />
    <input value="17601" 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%3D179">
    <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/wasche-olivenwaschmittel-flussig-20-40-c-wolle-seide-duftfrei-10-l-17721">
          <img alt="Wäsche Olivenwaschmittel flüssig 20°-40° C Wolle/Seide Duftfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8615/file/small-543ed0b1ce78b40ec24b4d4fd537933e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8615/file/medium-35a73ec9f0f41714804894e66923047f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8615/file/large-1c47829012998b46d30a3a76f869eb0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8615/file/medium-35a73ec9f0f41714804894e66923047f.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">Sonett</p>
          <a href="/de/products/wasche-olivenwaschmittel-flussig-20-40-c-wolle-seide-duftfrei-10-l-17721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäsche Olivenwaschmittel flüssig 20°-40° C Wolle/Seide Duftfrei, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17721&quot;],&quot;content_name&quot;:&quot;Wäsche Olivenwaschmittel flüssig 20°-40° C Wolle/Seide Duftfrei, 10 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17721&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:83.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="boj-AEOKR2h09ih2dJI34A5WNUQJrI8qIJrdVfSK72LkpjHuBsl9ifZWJ2ZUiHbUMZsblxIJKEKDlaLjvahGDA" />
    <input value="17721" 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%3D179">
    <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/vegdog-trockenfutter-simply-crunch-10-kg-17725">
          <img alt="VEGDOG Trockenfutter Simply Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8633/file/small-4a2bfac7b4de806c7a2108166936d7dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8633/file/medium-adb8868af918b6fa893a2584172183be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8633/file/large-7b9d38917e77140204b25379b5d5cd47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8633/file/medium-adb8868af918b6fa893a2584172183be.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">VEGDOG</p>
          <a href="/de/products/vegdog-trockenfutter-simply-crunch-10-kg-17725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Trockenfutter Simply Crunch, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17725&quot;],&quot;content_name&quot;:&quot;VEGDOG Trockenfutter Simply Crunch, 10 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17725&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:55.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OpkhI47-SatT3uYQpDy8eOgb087EAK9Hz2dVU6nmmEqwt-7Ny71zStF-6QCEJv1M19b9Hd-lCC9saCrl4MQxJA" />
    <input value="17725" 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%3D179">
    <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/soja-medaillons-glutenfrei-800-g-17734">
          <img alt="Soja Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8650/file/small-68d66e7eb6c8158721b4e1b4500caf48.webp 600w, https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8650/file/large-94db3a01b319f02caa2141c911c42fb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/soja-medaillons-glutenfrei-800-g-17734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Medaillons, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17734-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%3D179">
    <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/riso-ph-400-g-17977">
          <img alt="Riso PH Säuglingsnahrung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8909/file/small-99e40406d06338d78401b66ef69117c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8909/file/medium-deb918281f9a7ddc74cf6084f8f17a8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8909/file/large-3a1a2eef7b48e95b33e21eaa88bac14e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8909/file/medium-deb918281f9a7ddc74cf6084f8f17a8b.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">Bimbosan</p>
          <a href="/de/products/riso-ph-400-g-17977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riso PH Säuglingsnahrung, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17977&quot;],&quot;content_name&quot;:&quot;Riso PH Säuglingsnahrung, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17977&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XXBiIDZjz7GTD1cQLAuhBw17ppZ1cYDaoHbuIdTl9F_XXq3OcyD1UBGvWAAMEeAzMraIRW7UJ7IDeZGXncddMQ" />
    <input value="17977" 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%3D179">
    <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/kartoffelbalsam-100-ml-18105">
          <img alt="Kartoffelbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9049/file/small-1b874f54d42322de64a888b547609dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.webp 900w, https://assets.fabulous.ch/public/variant_asset/9049/file/large-e0b6a19e8c8fadb6a389890764d0349f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.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">Bergland</p>
          <a href="/de/products/kartoffelbalsam-100-ml-18105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelbalsam, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18105&quot;],&quot;content_name&quot;:&quot;Kartoffelbalsam, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18105&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YAuepG9H5EkqqH4IpkwDqaPGRLmvIqkyO-O0dooTD-rqJVFKKgTeqKgIcRiGVkKdnAtqarSHDlqY7MvAwzGmhA" />
    <input value="18105" 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%3D179">
    <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/puddingpulver-vanille-bio-3-kg-18234">
          <img alt="Puddingpulver Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9160/file/small-12a1ca5347a4f4b652154113d9dddb8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9160/file/medium-daeeb6d2addc8cdb1dc9c5bcf49e3e22.webp 900w, https://assets.fabulous.ch/public/variant_asset/9160/file/large-378e1a905c975e23cc4f195bdd4c224e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9160/file/medium-daeeb6d2addc8cdb1dc9c5bcf49e3e22.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">Rapunzel</p>
          <a href="/de/products/puddingpulver-vanille-bio-3-kg-18234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puddingpulver Vanille Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 54.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18234&quot;],&quot;content_name&quot;:&quot;Puddingpulver Vanille Bio, 3 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18234&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:54.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9q8Fs-n531k7negji3tF0AOIXH7j5rDJGqyGAPkUL4N8gcpdrLrluLk95zOrYQTkPEVyrfhDF6G5o_m2sDaG7Q" />
    <input value="18234" 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">
      3&#39;580 von 3&#39;733 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/diy-do-it-yourself?format=turbo_stream&amp;page=180">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>