<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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/pure-beauty-serum-bio-minze-30-ml-3207">
          <img alt="Pure Beauty Serum Bio-Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2190/file/small-8e91690aa67621692ddf1d6b25a4548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2190/file/large-4a886f9a652f23b53ff8c69242196df9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.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">Lavera</p>
          <a href="/de/products/pure-beauty-serum-bio-minze-30-ml-3207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pure Beauty Serum Bio-Minze, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_iEQmUGL2F6UjcWC-RnmncSZs4GaLcvzlTrYj9qO0Ak-PjwEDMqHK6qibt843fefSEPR2JPsSnoTIO-sJKfhnA" />
    <input value="3207" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/tragetasche-aus-recyceltem-pet-pural-1-stuck-3208">
          <img alt="Tragetasche aus recyceltem PET - Pural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2192/file/small-9838154af19c395b56d6c51657d32bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/2192/file/large-4066df1b90a1fdc32ef5dec0d6dd1d9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.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">Pural</p>
          <a href="/de/products/tragetasche-aus-recyceltem-pet-pural-1-stuck-3208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tragetasche aus recyceltem PET - Pural, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JqzAiA8HrTcPNIi9lphLP1nE0wGV9QLtLy9sNvlBgZHms-wVQkbyQjEbI-BXXFo91R6xWJw0g2SpNVsVB2iwBA" />
    <input value="3208" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/tragetasche-aus-recyceltem-pet-rapunzel-1-stuck-3209">
          <img alt="Tragetasche aus recyceltem PET - Rapunzel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2191/file/small-7deeee3e3e11d3e474521d0a74a713ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.webp 900w, https://assets.fabulous.ch/public/variant_asset/2191/file/large-cbc1620c5360079ba3321a50d4f25a65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.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/tragetasche-aus-recyceltem-pet-rapunzel-1-stuck-3209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tragetasche aus recyceltem PET - Rapunzel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xtAAFkIzb03ahPLjGE6J6RTLQQGgjujMGc37aRAVDVQGzyyLD3IwOOSrWb7ZipjrmBEjWKlPaUWf18xK7jw8wQ" />
    <input value="3209" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/le-pain-des-fleurs-blumenbrot-hafer-bio-150-g-3240">
          <img alt="Le pain des fleurs Blumenbrot Hafer, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2201/file/small-5230e54bc3012ffb8b6a9f88d1d97c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2201/file/medium-8da8f7511c108315963d44980f76f22d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2201/file/large-ecb315a333c01f0451a18d2f09a41138.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2201/file/medium-8da8f7511c108315963d44980f76f22d.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-hafer-bio-150-g-3240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Hafer, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWoEj_p2uj7jec_Qg20gNrApIrlStmGrLNgTGMp2w3tBdSgStzflS91WZI1CqTE0PPNA4Ft34CKqwiQ7NF_y7g" />
    <input value="3240" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/premium-zedernusse-rohkostqualitat-bio-80-g-3348">
          <img alt="Premium Zedernüsse 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/2226/file/small-ee42a8cca25fa82feed18251bb0d9d52.webp 600w, https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2226/file/large-569f9a475d98499e82067450a3376433.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.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">Flores Farm</p>
          <a href="/de/products/premium-zedernusse-rohkostqualitat-bio-80-g-3348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Premium Zedernüsse Rohkostqualität Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HXxaqDpw4NLVhfQW4LkFTEUH2iJYJwiIvLQ2lQ70VlHdY3Y1dzG_p-uqX0shfRROyd24e1HmiQE6rgG28N1nxA" />
    <input value="3348" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/baumnusse-walnusskerne-bio-125-g-3349">
          <img alt="Baumnüsse Walnusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2228/file/small-f7e113a62d1cacb0479812cbafc1b033.webp 600w, https://assets.fabulous.ch/public/variant_asset/2228/file/medium-aab1aeeccc62392a30183c56af4ab998.webp 900w, https://assets.fabulous.ch/public/variant_asset/2228/file/large-1f6ada22e636dbdfb453ceef297152e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2228/file/medium-aab1aeeccc62392a30183c56af4ab998.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">Pural</p>
          <a href="/de/products/baumnusse-walnusskerne-bio-125-g-3349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse Walnusskerne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E1tgSTNDlSSUNUuLrsAkoU1j1JdjCSWpfJiSg1F6VhzTREzUfgLKUaoa4NZvBDWjwbm2zmrIpCD6gqWgr1NniQ" />
    <input value="3349" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/wurzsauce-mojo-rojo-bio-125-g-3351">
          <img alt="Würzsauce Mojo Rojo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2229/file/small-7834136803b4fba1f34dc2f11a83399b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/2229/file/large-b22e1e03b93a324e298a93a65efd4c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.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">Sanchon</p>
          <a href="/de/products/wurzsauce-mojo-rojo-bio-125-g-3351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Würzsauce Mojo Rojo Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="et6529z5rA-UT7blG2oDkYqE_YwRpXf7VhQgMQN0SIe6wZVGkbjzeqpgHbjarhKTBl6f1Rhk9nLQDhcS_V15Eg" />
    <input value="3351" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/puderzucker-aus-rohrohrzucker-bio-200-g-3374">
          <img alt="Puderzucker aus Rohrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2235/file/small-dab1636643b307c243773500870be690.webp 600w, https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2235/file/large-62e7aaff684aebd8526d59ce06f1754a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.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">Naturata</p>
          <a href="/de/products/puderzucker-aus-rohrohrzucker-bio-200-g-3374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderzucker aus Rohrohrzucker Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="witFOHIl78Tpg15QlvAw02pngKzohGJBtK2qU0sFkloCNGmlP2Swsdes9Q1XNCHR5r3i9eFF48gyt51wtSyjzw" />
    <input value="3374" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/lebkuchengewurz-gemahlen-bio-40-g-3378">
          <img alt="Lebkuchengewürz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2240/file/small-6462a10132b5f3caf53dfd62a4543b41.webp 600w, https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2240/file/large-ea39258d9dab0c6376ca0962ea7499bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.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">Sonnentor</p>
          <a href="/de/products/lebkuchengewurz-gemahlen-bio-40-g-3378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchengewürz gemahlen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ZV6v8RbXGt4BfJJFTrpUUfjYev0tlYonxh_rAg0enUdilYiiRoDHkYqWRTU_vhTyzkDsv1316EZAkiP9h1L4A" />
    <input value="3378" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/kerzen-12-er-packung-stabkerze-2-2-x-21cm-bordeaux-1-stuck-3386">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Bordeaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2248/file/small-687ecc1099235a88d94bb70c7970c254.webp 600w, https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2248/file/large-4e5b33f5eced510a7688eb783ec7852c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.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">eubiona</p>
          <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-bordeaux-1-stuck-3386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Bordeaux, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C3bWS46jhFh1_k4FAUl7lMdIq5ythOUFUd3qiCq5_F_LafrWw-LbLUvR5VjAjWqWS5LJxaRFZIzXx92r1JDNyg" />
    <input value="3386" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/kerzen-12-er-packung-stabkerze-2-2-x-21cm-orange-1-stuck-3391">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2251/file/small-215a470781b6e0477033945c76cc3b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2251/file/large-bf450806d459e7795b6b0fd54d94e6ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.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">eubiona</p>
          <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-orange-1-stuck-3391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Orange, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="POmBhPTxRa945TZvz23-53hBEGUVl_BOwAcqkqiQ_s389q0ZubAa2kbKnTIOqe_l9JtyPBxWccdGHR2xVrnPWA" />
    <input value="3391" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/lakritz-tubi-s-suss-bio-100-g-3401">
          <img alt="Lakritz Tubi&#39;s süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2259/file/small-2edcfcbf0a129bb9b044fc11d10eb4ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2259/file/large-4343f8e625d2f29b44f00738a9b9a7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/lakritz-tubi-s-suss-bio-100-g-3401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakritz Tubi&#39;s süss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9rPvdEGurq090S-bnwzz1UdN2JE7pl6FLbDVBzNbKAY2rMPpDO_x2AP-hMZeyOLXy5e6yDJn3wyrquIkzXIZkw" />
    <input value="3401" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/lolly-aus-mais-mit-himbeergeschmack-bio-13-g-3405">
          <img alt="Lolly aus Mais mit Himbeergeschmack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2258/file/small-29e690bc9bb895beb76d1a62a7714218.webp 600w, https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2258/file/large-f512352d051e9e36dce220fade7e0461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/lolly-aus-mais-mit-himbeergeschmack-bio-13-g-3405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lolly aus Mais mit Himbeergeschmack Bio, 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UiXb81kMEC4nKqu1lDXQ-a6F7nFvZUcx--pO-CG0AxqSOvduFE1PWxkFAOhV8cH7Il-MKGakxrh98Hnb350yjw" />
    <input value="3405" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/lolly-aus-mais-mit-schwarze-johannisbeeregeschmack-bio-13-g-3406">
          <img alt="Lolly aus Mais mit schwarze Johannisbeeregeschmack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2260/file/small-9d2ca1316d7af79accb396cd5f30352d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2260/file/large-abffa3951b0a01024939fac66ab5b397.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/lolly-aus-mais-mit-schwarze-johannisbeeregeschmack-bio-13-g-3406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lolly aus Mais mit schwarze Johannisbeeregeschmack Bio, 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Xh7Huh5PTMJFVYSjZ87dILzqrbTZ-1BOw1vt2pDdZwdZ1eDpThiRjc6_U9MWyp2DinI79qmbMi9F1iUlGpECQ" />
    <input value="3406" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/allesreiniger-grossgebinde-10-l-3475">
          <img alt="Allesreiniger Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2286/file/small-201565dd316a14e61dd73e76f51c802d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.webp 900w, https://assets.fabulous.ch/public/variant_asset/2286/file/large-51ee95b5d302d7236b9429c355a503fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.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/allesreiniger-grossgebinde-10-l-3475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allesreiniger Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jlrrqH82Uv0ElGtsyk98HkThviDt5GmqxltHT4RUwI5ORcc1MncNiDq7wDELi20cyDvceeQl6CNAQXBsen3xGw" />
    <input value="3475" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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-waschmittel-flussig-30-95-c-sensitiv-duftfrei-2-l-3477">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2287/file/small-09c9d14c6bcfec6f51781e2855b32bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp 900w, https://assets.fabulous.ch/public/variant_asset/2287/file/large-a9937a5b011598a0b5d1f2a4a75cc3ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.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-waschmittel-flussig-30-95-c-sensitiv-duftfrei-2-l-3477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iB0dAMg3DTJUu9ccHP0EDDQTROr-pyxzTvmT2R4p-UJIAjGdhXZSR2qUfEHdORUOuMkms_dmrfrI46T64ADI1w" />
    <input value="3477" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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-waschmittel-flussig-30-60-c-color-1-5-l-3478">
          <img alt="Wäsche Waschmittel flüssig 30°- 60° C COLOR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2288/file/small-d3babf90d830f67c518feade7c369a02.webp 600w, https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2288/file/large-8cd2270e6fb6e92f188ced700d111c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.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-waschmittel-flussig-30-60-c-color-1-5-l-3478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäsche Waschmittel flüssig 30°- 60° C COLOR, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="byGdnVmM2b_TwB-wjygVOgwyGNHBaABLF8c8EI46Z32vPrEAFM2Gyu3vtO1O7AQ4gOh6iMipgcKR3QszcBNW6A" />
    <input value="3478" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/hafer-drink-barista-edition-1-l-3506">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.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">Oatly</p>
          <a href="/de/products/hafer-drink-barista-edition-1-l-3506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Barista Edition, 1 l</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 0.35 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-3506-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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
          <img alt="Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2297/file/small-05b8b75e50901065385571f583729c6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.webp 900w, https://assets.fabulous.ch/public/variant_asset/2297/file/large-84e28c1f88f24e8645f65322689f7ce9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2c_kbGYH4KHHmcDub-EA25tqnMKtrhspAyvHiLG3r2cZ0MjxK0a_1Pm2a7OuJRHZF7D-m6RvmqCFMfCrT56e8g" />
    <input value="3507" 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%2Fyakso%3Fformat%3Dturbo_stream%26page%3D102">
    <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/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
          <img alt="Windeln (Ökologisch) Midi 4-9kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2299/file/small-5b541cdab5953ea8c78c5d3ac03601b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2299/file/large-918b1c6a5ba9f7514a174c2005923ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Windeln (Ökologisch) Midi 4-9kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9zmv3MygBOn4xJBSZLj62IIVOzF7jd54MY8rm1Zzt-w3JoNBgeFbnMbrOw-lfOvaDs9ZaHJMX_G3lRy4qFqGeQ" />
    <input value="3508" 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">
      2&#39;040 von 3&#39;427 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/yakso?format=turbo_stream&amp;page=103">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>