<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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/kondensierte-kokosmilch-zuckerfrei-320-g-13763">
          <img alt="Kondensierte Kokosmilch zuckerfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6583/file/small-86a01f83da8287204fbb64416820bc4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6583/file/large-c9756e29cbb207b9aa1cdc8f3011bfec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.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">Nature&#39;s Charm</p>
          <a href="/de/products/kondensierte-kokosmilch-zuckerfrei-320-g-13763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kondensierte Kokosmilch zuckerfrei, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13763&quot;],&quot;content_name&quot;:&quot;Kondensierte Kokosmilch zuckerfrei, 320 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13763&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4xVPXNaIsAU0wepVEzHmqXSo4NBXP_10v0igVDQRMPa7b9QGsZklIfejA2wPI3uL2R7SbWqcxZSa-QlXvH9Gw" />
    <input value="13763" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/evaporierte-kokosmilch-360-ml-13764">
          <img alt="Evaporierte Kokosmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6584/file/small-0eccf31354332cbee5d75c41c8476741.webp 600w, https://assets.fabulous.ch/public/variant_asset/6584/file/medium-a907a65404fa00115cb717a68ccd6731.webp 900w, https://assets.fabulous.ch/public/variant_asset/6584/file/large-553ceec38531cb581fc83da20c9f5845.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6584/file/medium-a907a65404fa00115cb717a68ccd6731.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">Nature&#39;s Charm</p>
          <a href="/de/products/evaporierte-kokosmilch-360-ml-13764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Evaporierte Kokosmilch, 360 ml</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 1.08 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13764&quot;],&quot;content_name&quot;:&quot;Evaporierte Kokosmilch, 360 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13764&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Df__D8UTF-yVQoOIxNGhiqxgdXL4ZR9rlSIKzORf6w9snhVirI9RuAZPCCwgoev-JtatuAyTk4gVtMxo6n5S1w" />
    <input value="13764" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/kondensierter-haferdrink-gesusst-320-g-13765">
          <img alt="Kondensierter Haferdrink gesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6585/file/small-f60ac658681593f9a63a87fa595f3436.webp 600w, https://assets.fabulous.ch/public/variant_asset/6585/file/medium-d8a9cc51fcff103ab4a1cd1c243d1405.webp 900w, https://assets.fabulous.ch/public/variant_asset/6585/file/large-76adf17a009a5e5cf8aed135d89c492f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6585/file/medium-d8a9cc51fcff103ab4a1cd1c243d1405.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">Nature&#39;s Charm</p>
          <a href="/de/products/kondensierter-haferdrink-gesusst-320-g-13765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kondensierter Haferdrink gesüsst, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13765-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/evaporierter-haferdrink-360-ml-13766">
          <img alt="Evaporierter Haferdrink" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6586/file/small-4cf674a29ea5a334ee15c10b896dd8cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6586/file/medium-0063904d4e38c9216a30506ea55a3579.webp 900w, https://assets.fabulous.ch/public/variant_asset/6586/file/large-b351347190c0766c8e1b6185e263accb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6586/file/medium-0063904d4e38c9216a30506ea55a3579.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">Nature&#39;s Charm</p>
          <a href="/de/products/evaporierter-haferdrink-360-ml-13766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Evaporierter Haferdrink, 360 ml</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 1.08 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13766&quot;],&quot;content_name&quot;:&quot;Evaporierter Haferdrink, 360 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13766&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRSEqAqO_qYOWL4mVtfxfVFMmQ-90McMt6NZZcLQVif8dW7FYxK48p1VNYKyp7sJ2_pBxUkmS-83NZ_BzPHv_w" />
    <input value="13766" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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-schlagcreme-400-ml-13767">
          <img alt="Hafer Schlagcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6587/file/small-968595a721c06c43b62fdba69eb471d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6587/file/medium-3abe38c91f14168530a7a021c829fe9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6587/file/large-b8f0e64d51dcebb8a0e399e8e21b370d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6587/file/medium-3abe38c91f14168530a7a021c829fe9c.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">Nature&#39;s Charm</p>
          <a href="/de/products/hafer-schlagcreme-400-ml-13767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Schlagcreme, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13767-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/kokosnuss-pudding-400-g-13768">
          <img alt="Kokosnuss Pudding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6589/file/small-650d4a706c6970d4a24c16325f674aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.webp 900w, https://assets.fabulous.ch/public/variant_asset/6589/file/large-369e550d880c4a4e90830c7b9efff42f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.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">Nature&#39;s Charm</p>
          <a href="/de/products/kokosnuss-pudding-400-g-13768">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnuss Pudding, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13768-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/dessertsauce-kokos-schoko-fudge-200-g-13769">
          <img alt="Dessertsauce Kokos Schoko-Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6590/file/small-05544b0cbdab676d6302d70ccb7472ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.webp 900w, https://assets.fabulous.ch/public/variant_asset/6590/file/large-fa247406025a864cd83927f2ddb96818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.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">Nature&#39;s Charm</p>
          <a href="/de/products/dessertsauce-kokos-schoko-fudge-200-g-13769">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dessertsauce Kokos Schoko-Fudge, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13769&quot;],&quot;content_name&quot;:&quot;Dessertsauce Kokos Schoko-Fudge, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13769&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z-_uDibYeRbXWX6fgS9kYZqSiyXmmu0WPcLWKOmqHHCujgRjT0Q_QkRU9TtlXy4VECRT7xJsYfW9VBCM54ulqA" />
    <input value="13769" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/dessertsauce-kokos-karamell-200-g-13772">
          <img alt="Dessertsauce Kokos Karamell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6593/file/small-f10e2fadb9fca2c60814342e2433bf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6593/file/large-fd3a7195ca2afbe38e62647129a4e099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.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">Nature&#39;s Charm</p>
          <a href="/de/products/dessertsauce-kokos-karamell-200-g-13772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dessertsauce Kokos Karamell, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13772-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/haselnuss-du-chocolat-bio-200-g-13816">
          <img alt="Haselnuss du Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6591/file/small-46e673ff763c211361d8173847d31d9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6591/file/large-e5f5a8843d73e7072df2ebb31dc7ed6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.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">Naturkostbar</p>
          <a href="/de/products/haselnuss-du-chocolat-bio-200-g-13816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnuss du Chocolat Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13816&quot;],&quot;content_name&quot;:&quot;Haselnuss du Chocolat Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13816&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2U7tkIFEXiMwE3umSLlyi2cr2IC9LpW7MhHmwI6_HWC4Lwf96NgYd6Me8AKsyTj_7Z0ASknYGViyhyBkgJ6kuA" />
    <input value="13816" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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-tomate-paprika-bio-150-g-13879">
          <img alt="Le pain des fleurs Blumenbrot Tomate Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6604/file/small-06019b3e7e4eb5aae76cfa1d004ffd28.webp 600w, https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6604/file/large-632eb48bc42ee2f17dc418c9af7cee5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.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-tomate-paprika-bio-150-g-13879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Tomate Paprika Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13879&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Blumenbrot Tomate Paprika Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13879&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nTKsRowFe36Vaej8RipSBFxEOOILEwDT-2e7sL_EPWL8U0Yr5Zk9KgZkY1iiWhhw1vLgKP_ljDB78X0UseWEug" />
    <input value="13879" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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-zwiebel-bio-150-g-13880">
          <img alt="Le pain des fleurs Blumenbrot Zwiebel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.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-zwiebel-bio-150-g-13880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Zwiebel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13880&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Blumenbrot Zwiebel Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13880&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XVlAKkguuFWCAGi0rkrbAnKtOicvq8gv8tUoaw8wLss8OKpHIbL-AREN4xBKOpF2-Bvi7dtdRMxyQ-7PARGXEw" />
    <input value="13880" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/supergreens-blueberry-lucuma-240-g-13882">
          <img alt="Supergreens Blueberry &amp; Lucuma" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6611/file/small-dec23ce707f4c774c6bc94fe19df4d5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6611/file/large-8755c22a5b7b5982427d05b319ed48f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.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">Vivo Life</p>
          <a href="/de/products/supergreens-blueberry-lucuma-240-g-13882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Supergreens Blueberry &amp; Lucuma, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13882&quot;],&quot;content_name&quot;:&quot;Supergreens Blueberry \u0026 Lucuma, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13882&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:44.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3agqLauz0nxQdjQ1FWHtjopsqDnqbraStHrH_B4VBCW8ycBAwi-UKMN7v5HxEaf6ANpw8x6YOnE07AFYEDS9_Q" />
    <input value="13882" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/pre-workout-erdbeere-rote-bete-255-g-13883">
          <img alt="Pre-Workout Erdbeere &amp; Rote Bete" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6613/file/small-9c9bab7593adf4460d6e8ad185897f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.webp 900w, https://assets.fabulous.ch/public/variant_asset/6613/file/large-2267b76c5fa4159cb6fc4fc1059b3e34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.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">Vivo Life</p>
          <a href="/de/products/pre-workout-erdbeere-rote-bete-255-g-13883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pre-Workout Erdbeere &amp; Rote Bete, 255 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13883&quot;],&quot;content_name&quot;:&quot;Pre-Workout Erdbeere \u0026 Rote Bete, 255 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13883&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="naw-jHzChhRKeuOWnrfV2GDRrNXXWSzJar463FL_lAL8zdThFV7AQNl3aDJ6x5-s6md0HyOvoCrqKPx4XN4t2g" />
    <input value="13883" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/waterlovers-trinkwasser-destiller-mkii-28-dl-13907">
          <img alt="Waterlovers Trinkwasser Destiller MKII" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6615/file/small-f1380fa02eb66faa2bfc56a9f9f3e63d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6615/file/large-f3f66d9e99dc774f7b576b27230dab84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.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">Waterlovers</p>
          <a href="/de/products/waterlovers-trinkwasser-destiller-mkii-28-dl-13907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waterlovers Trinkwasser Destiller MKII, 28 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 375.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13907&quot;],&quot;content_name&quot;:&quot;Waterlovers Trinkwasser Destiller MKII, 28 dl&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13907&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:375.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xCWEeFhLzjE_sIPRFfPLtsREekgbmttij9Flk9XCbwqlRG4VMdeIZay9CHXxg4HCTvKigu9sV4EPR6M32-PW0g" />
    <input value="13907" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/waterlovers-destiller-mkii-ersatzkohlefilter-6-stuck-13908">
          <img alt="Waterlovers Destiller MKII Ersatzkohlefilter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6616/file/small-2aa15b5763cf7cc2189aec3b54a1b957.webp 600w, https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.webp 900w, https://assets.fabulous.ch/public/variant_asset/6616/file/large-8362fcde7e24ec71d7dfd94bf0be05fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.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">Waterlovers</p>
          <a href="/de/products/waterlovers-destiller-mkii-ersatzkohlefilter-6-stuck-13908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waterlovers Destiller MKII Ersatzkohlefilter, 6 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13908&quot;],&quot;content_name&quot;:&quot;Waterlovers Destiller MKII Ersatzkohlefilter, 6 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13908&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fbnV5lH_Lxx66sth8jzXiw2hVfFlTDey2oOwFiw6FhYc2D-LOGNpSOnnQMUWTJ3_hxeNO5G6u1FaFXayIhuvzg" />
    <input value="13908" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/jay-joy-janis-pflanzliche-alternative-zu-feta-bio-140-g-13929">
          <img alt="Jay &amp; Joy JANIS - Pflanzliche Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6633/file/small-118436857025670930c7c5cf7f7d88cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6633/file/large-deef8e14fd91e7be840579d21031a114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.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">Jay &amp; Joy</p>
          <a href="/de/products/jay-joy-janis-pflanzliche-alternative-zu-feta-bio-140-g-13929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jay &amp; Joy JANIS - Pflanzliche Alternative zu Feta Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13929-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/apfeldicksaft-bio-850-g-14005">
          <img alt="Apfeldicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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">Biofarm</p>
          <a href="/de/products/apfeldicksaft-bio-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfeldicksaft Bio, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14005&quot;],&quot;content_name&quot;:&quot;Apfeldicksaft Bio, 850 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14005&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="51oDD2nPR7Fa-CNYVk0KAWg4gKtC8HJBWL1cS5fF1VqGO-liAFMB5cn1qPyyPUB14o5YYbYG_qLYK5rvmeRsgg" />
    <input value="14005" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/sonnenlotion-sensitiv-lsf-30-100-ml-14011">
          <img alt="Sonnenlotion sensitiv LSF 30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6635/file/small-14427f434a9d7f40f12da8cc33e22ee7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6635/file/large-b8d6ac918148ba15ded372eba19bb80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.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/sonnenlotion-sensitiv-lsf-30-100-ml-14011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenlotion sensitiv LSF 30, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14011&quot;],&quot;content_name&quot;:&quot;Sonnenlotion sensitiv LSF 30, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14011&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VLY8pQrL4dNud7-BFRdey_uRF8IFXWYUW_f_C2FAGkw119bIY1enh_16NCXxZxS_cSfPCPGr6vfbYTmvb2GjlA" />
    <input value="14011" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/after-sun-lotion-200-ml-14013">
          <img alt="After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.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/after-sun-lotion-200-ml-14013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">After Sun Lotion, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14013&quot;],&quot;content_name&quot;:&quot;After Sun Lotion, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14013&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kPr7-iQwzl_TxfjTs9n9Is4FarBQt3ASjUBUKWq596TxmxGXTayIC0DIc3dXqbdWRLOyeqRB_PEN1pKNZJhOfA" />
    <input value="14013" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D145">
    <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/after-sun-lotion-200-ml-d9f1ffb5-67e2-47e6-9164-1496dd50528c-14016">
          <img alt="After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6642/file/small-1b2191f08ce09c4ddb91e04757ed0397.webp 600w, https://assets.fabulous.ch/public/variant_asset/6642/file/medium-210938de660d04f78aa50d973cc73662.webp 900w, https://assets.fabulous.ch/public/variant_asset/6642/file/large-d876e3eb28e25aaeae0a906112098f94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6642/file/medium-210938de660d04f78aa50d973cc73662.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">Speick</p>
          <a href="/de/products/after-sun-lotion-200-ml-d9f1ffb5-67e2-47e6-9164-1496dd50528c-14016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">After Sun Lotion, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14016&quot;],&quot;content_name&quot;:&quot;After Sun Lotion, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14016&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-F8WWvxSyC_iLqPtBOXc_sNj4iyhda80S9dG0RmpF32ZPvw3lc6Oe3EjKEnglZaKSdU65lWDI9fLQYB1F4iupQ" />
    <input value="14016" 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;900 von 3&#39;521 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/reosal?format=turbo_stream&amp;page=146">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>