<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%3D165">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    80 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-d3-vegan-spray-5-g-200iu-50-portionen-mhd-aktion-31-08-2026-18076">
          <img alt="Vitamin D3 Vegan Spray 5µg / 200iu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8804/file/small-ba9a4468e1e96295421662ebab4357f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8804/file/large-f4a28fdf09165959f5bbdcea9ef73caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.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">Vegetology</p>
          <a href="/de/products/vitamin-d3-vegan-spray-5-g-200iu-50-portionen-mhd-aktion-31-08-2026-18076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin D3 Vegan Spray 5µg / 200iu, 50 Portionen (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18076&quot;],&quot;content_name&quot;:&quot;Vitamin D3 Vegan Spray 5µg / 200iu, 50 Portionen (MHD-Aktion 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18076&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FeX7Jt1VsS6ye70pbrY7xDLQxBfVaR4NIT3IjDTlFg6QaFN-BNZe5Yp9wPZnN21VXY0NbtdLvRZ9E1yPXwS-mA" />
    <input value="18076" 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%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kartoffelbalsam-100-ml-18105">
          <img alt="Kartoffelbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9049/file/small-1b874f54d42322de64a888b547609dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.webp 900w, https://assets.fabulous.ch/public/variant_asset/9049/file/large-e0b6a19e8c8fadb6a389890764d0349f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bergland</p>
          <a href="/de/products/kartoffelbalsam-100-ml-18105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelbalsam, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18105&quot;],&quot;content_name&quot;:&quot;Kartoffelbalsam, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18105&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61Ud6ESR84lviW0VM4BI0k5INTw_ONmWLc60GmG4K-Ru2LWwnRIcQlePEMo6AR5DIRX8RT0aeo1x4CAZClmDcg" />
    <input value="18105" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 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%3D165">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    53 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-sensitiv-ohne-duftstoffe-handseife-pumpspender-300-ml-mhd-aktion-17-10-2026-18115">
          <img alt="Seife Sensitiv ohne Duftstoffe Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2623/file/small-dc7eadf91470d08e04240c3f551a3005.webp 600w, https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2623/file/large-f5edf0e107a508cfb7cacca0b8f62ecc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.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/seife-sensitiv-ohne-duftstoffe-handseife-pumpspender-300-ml-mhd-aktion-17-10-2026-18115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Sensitiv ohne Duftstoffe Handseife Pumpspender, 300 ml (MHD-Aktion 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18115&quot;],&quot;content_name&quot;:&quot;Seife Sensitiv ohne Duftstoffe Handseife Pumpspender, 300 ml (MHD-Aktion 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18115&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HmEYJ1tAwNPmWZJo9gDeSl5ZqB-aWY-KVQJgEU90iKmb7LB_gsMvGN5f77f_gYjbMQRhZph7LJEJLPQSJJUgPw" />
    <input value="18115" 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%3D165">
    <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/seife-lavendel-handseife-pumpspender-1-l-18189">
          <img alt="Seife Lavendel Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9140/file/small-088dd010b9afba8650bf19fc54537661.webp 600w, https://assets.fabulous.ch/public/variant_asset/9140/file/medium-8cf1518f061e229646f20bb6e55c7672.webp 900w, https://assets.fabulous.ch/public/variant_asset/9140/file/large-34c2a006f5457996c4aa79878c2b3009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9140/file/medium-8cf1518f061e229646f20bb6e55c7672.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/seife-lavendel-handseife-pumpspender-1-l-18189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Lavendel Handseife Pumpspender, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18189&quot;],&quot;content_name&quot;:&quot;Seife Lavendel Handseife Pumpspender, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dL3p10FZFUMFFtDgByPMeoYvXpOIHkYzjhThxUm-zRDxMEGPmNr6iD0QrT8Ooprr6XKX6oo85SjSOnXGIl9lhg" />
    <input value="18189" 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%3D165">
    <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/badreiniger-500-ml-18191">
          <img alt="Badreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9143/file/small-ca087818189f4e0976dab2d7462bbe4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9143/file/medium-e508f11c3f185a8d46aa1ef00df3cd67.webp 900w, https://assets.fabulous.ch/public/variant_asset/9143/file/large-8079a62dd2f8d0785bfa971f46fb3d74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9143/file/medium-e508f11c3f185a8d46aa1ef00df3cd67.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/badreiniger-500-ml-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badreiniger, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18191&quot;],&quot;content_name&quot;:&quot;Badreiniger, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18191&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sgcoEWyHKRCKCdjX4SN8C_tBnQwVIp5KQlMEV4sPtA83ioBJtQTG27IPpQjooiqalBxUdRcAPVEefZBU4O4cmQ" />
    <input value="18191" 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%3D165">
    <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/bleichkomplex-und-fleckentferner-900-g-18192">
          <img alt="Bleichkomplex und Fleckentferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9144/file/small-f46bf72a205265707e07024610c34dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.webp 900w, https://assets.fabulous.ch/public/variant_asset/9144/file/large-7c962699677c9713b6690be04c548fd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.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/bleichkomplex-und-fleckentferner-900-g-18192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bleichkomplex und Fleckentferner, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18192&quot;],&quot;content_name&quot;:&quot;Bleichkomplex und Fleckentferner, 900 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18192&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Jer5nJ2B6R8rG8v1jQL2F-vsNTc5j58K-XZcpWe6RNlGgO-q_Xob0SqEvDftV1JMPJ5rd7EnWd3y01x_n9BhQ" />
    <input value="18192" 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%3D165">
    <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/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
          <img alt="Enthärter 100% Biologisch abbaubar Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9145/file/small-5f4dccd09720d7b832ba8e2c65cfd0e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.webp 900w, https://assets.fabulous.ch/public/variant_asset/9145/file/large-cb5c51715f329929eb31f77f92b6844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.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/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Karton, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18193&quot;],&quot;content_name&quot;:&quot;Enthärter 100% Biologisch abbaubar Karton, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18193&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ztocu9YVkKcFsar5FycR7gObFhOHDTffe_0wQDT1qZFLV7TjD5Z_bD231yYepkd_bMbfaoUvlMQn06RDXxQBBw" />
    <input value="18193" 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%3D165">
    <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/maschinenspulmittel-pulver-3-kg-18194">
          <img alt="Maschinenspülmittel Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9146/file/small-0ab861dc5947793a14e3d7bc6b7e37e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9146/file/medium-0ca9a59a218d4d806aee465e040e8473.webp 900w, https://assets.fabulous.ch/public/variant_asset/9146/file/large-79999cb4170989c7764b64acfbdc5fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9146/file/medium-0ca9a59a218d4d806aee465e040e8473.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/maschinenspulmittel-pulver-3-kg-18194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maschinenspülmittel Pulver, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18194&quot;],&quot;content_name&quot;:&quot;Maschinenspülmittel Pulver, 3 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18194&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="94ocTHL_LQHhtSmMGJjs60HOSeY8iUyb3AQaFzO6jcFyB7QUq3zCytmzVFMRGbp6LpOAnz6r74CAKo4UWFslVw" />
    <input value="18194" 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%3D165">
    <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/seife-rosmarin-handseife-pumpspender-1-l-18196">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9148/file/small-97cd35032f391c32c4b1927ec80ac1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9148/file/large-ed517794a3d804c63b9ecc8674faf86d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.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/seife-rosmarin-handseife-pumpspender-1-l-18196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18196&quot;],&quot;content_name&quot;:&quot;Seife Rosmarin Handseife Pumpspender, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RcbMSz0Fs56hh8zsH6x-UcYf_4qGMGWPafn089WK6IrAS2QT5IZcVZmBsTMWLSjAqUI284QSxpQ112DwvmtAHA" />
    <input value="18196" 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%3D165">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-hydra-comfort-beruhigende-feuchtigkeitscreme-50-ml-mhd-aktion-30-09-2026-18202">
          <img alt="Pill Kosmetik - beruhigende Feuchtigkeitscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6412/file/small-1435d87abcc3e65c0b09d298cbe1c43c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6412/file/medium-4cfe42a022b1d38c31925912f0d76128.webp 900w, https://assets.fabulous.ch/public/variant_asset/6412/file/large-23e348c6129300e166438fa8947edfed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6412/file/medium-4cfe42a022b1d38c31925912f0d76128.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-hydra-comfort-beruhigende-feuchtigkeitscreme-50-ml-mhd-aktion-30-09-2026-18202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - beruhigende Feuchtigkeitscreme, 50 ml (MHD-Aktion 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 31.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 21.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18202&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - beruhigende Feuchtigkeitscreme, 50 ml (MHD-Aktion 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18202&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NPe9R9SN0GcMndIyZQmadXqus_cIAnEjAuYdaBPHMMuxehUfDQ4_rDSbr-1siMzkFfN6jgog0jheyIlreCaYXQ" />
    <input value="18202" 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%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puddingpulver-vanille-bio-3-kg-18234">
          <img alt="Puddingpulver Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9160/file/small-12a1ca5347a4f4b652154113d9dddb8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9160/file/medium-daeeb6d2addc8cdb1dc9c5bcf49e3e22.webp 900w, https://assets.fabulous.ch/public/variant_asset/9160/file/large-378e1a905c975e23cc4f195bdd4c224e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9160/file/medium-daeeb6d2addc8cdb1dc9c5bcf49e3e22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/puddingpulver-vanille-bio-3-kg-18234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puddingpulver Vanille Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 54.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18234&quot;],&quot;content_name&quot;:&quot;Puddingpulver Vanille Bio, 3 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18234&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:54.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tD4_9nPOqTF6_YvW2Hu6KasGug1rB-ehICj3Q47_XKIxs5euqk1G-kL79gnR-uy4xFtzdGklRLp8BmNA5R70NA" />
    <input value="18234" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <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%3D165">
    <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/gero-3-schallzahnburste-starterset-schwarz-1-stuck-18254">
          <img alt="Gero 3 Schallzahnbürste Starterset schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9176/file/small-cb067a72bd70b910e0aa23d702a60f5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.webp 900w, https://assets.fabulous.ch/public/variant_asset/9176/file/large-a1942efc547f99eb204ca97a82f62dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.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">Zahnheld</p>
          <a href="/de/products/gero-3-schallzahnburste-starterset-schwarz-1-stuck-18254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Schallzahnbürste Starterset schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18254&quot;],&quot;content_name&quot;:&quot;Gero 3 Schallzahnbürste Starterset schwarz, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:98.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="db9UPNM-t43ed8IhZFPIXecrkjcqU07KHgLvOAUtaNHwMvxkCr1YRuZxv_5t0p7MiHZbTihx7dFCLHs7bszARw" />
    <input value="18254" 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%3D165">
    <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/gero-3-schallzahnburste-starterset-weiss-1-stuck-18255">
          <img alt="Gero 3 Schallzahnbürste Starterset weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9178/file/small-73d178941456dd0d72b36aeb2af67fdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.webp 900w, https://assets.fabulous.ch/public/variant_asset/9178/file/large-a59923d4f4ee38694674fe914bd09790.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.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">Zahnheld</p>
          <a href="/de/products/gero-3-schallzahnburste-starterset-weiss-1-stuck-18255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Schallzahnbürste Starterset weiss, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18255&quot;],&quot;content_name&quot;:&quot;Gero 3 Schallzahnbürste Starterset weiss, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18255&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:98.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v73g4yJQ1tG6Rgr4FdwLL8WfcCugkM8hlW_9lHo7z1A6MEi7-9M5GoJAdyccXV2-qsK5UqKybDrJQWmXEdpnxg" />
    <input value="18255" 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%3D165">
    <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/fruchtnektar-aprikose-bio-3-x-200-ml-18262">
          <img alt="Fruchtnektar Aprikose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10853/file/small-3e87733bd2ed631e5e2467f5b4dd3a9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10853/file/large-76f8155a045d61ae59edabb1ca288bb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alce Nero</p>
          <a href="/de/products/fruchtnektar-aprikose-bio-3-x-200-ml-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtnektar Aprikose Bio, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18262&quot;],&quot;content_name&quot;:&quot;Fruchtnektar Aprikose Bio, 3 x 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tYlzpO3UtMKo2WWVMptK8-3bLBlSRYhKost7U19dHBnW42WSjS9GDKlGEldSzu6oOqlyWdrtTp2pbnuJpzc5g" />
    <input value="18262" 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%3D165">
    <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/joghurtalternative-kokos-heidelbeere-bio-150-g-18324">
          <img alt="Joghurtalternative Kokos Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9477/file/small-3dbf7ae91ec37e091fc1cd5095391e6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9477/file/medium-f21a4e1718bc49ddedfbb6afe65a9600.webp 900w, https://assets.fabulous.ch/public/variant_asset/9477/file/large-e96da47ff829fe39c929ef4ffcd7188b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9477/file/medium-f21a4e1718bc49ddedfbb6afe65a9600.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">Biedermann Bio</p>
          <a href="/de/products/joghurtalternative-kokos-heidelbeere-bio-150-g-18324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18324&quot;],&quot;content_name&quot;:&quot;Joghurtalternative Kokos Heidelbeere Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18324&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQUT3tRN-MMhIOEqMBtLqMrjWDDAPwbXDGv-a_Hz6K6oiLuGDc4XCBkmnPU5mh05pb6RScIdpcxQRWpomhJAOA" />
    <input value="18324" 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%3D165">
    <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/babajaga-eintopfwurze-glas-100-ml-18479">
          <img alt="Babajaga Eintopfwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11518/file/small-3ba4f8ac0e6f48de758dd46dd4369a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.webp 900w, https://assets.fabulous.ch/public/variant_asset/11518/file/large-cc4ee9dfebfcfd8d1656ac4d45857faa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.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">Chalira</p>
          <a href="/de/products/babajaga-eintopfwurze-glas-100-ml-18479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Eintopfwürze Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18479&quot;],&quot;content_name&quot;:&quot;Babajaga Eintopfwürze Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18479&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1lm7hzl8lU9O7FEj7cUqq8F0KWnlUrTYD8ILPiHirW1T1BPf4P96hHbqLPzkRHw6ringEOdwF8NT7J89SgMF-w" />
    <input value="18479" 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%3D165">
    <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/druiden-salz-grob-50-g-18484">
          <img alt="Druiden Salz grob" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10321/file/small-14db52928a2825a85bd434615f882722.webp 600w, https://assets.fabulous.ch/public/variant_asset/10321/file/medium-d936401a1e1063b5c4b30ba328d3bbac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10321/file/large-5dd8ddb92f170a36025227ddf246d2b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10321/file/medium-d936401a1e1063b5c4b30ba328d3bbac.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">Chalira</p>
          <a href="/de/products/druiden-salz-grob-50-g-18484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druiden Salz grob, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18484&quot;],&quot;content_name&quot;:&quot;Druiden Salz grob, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18484&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cPQypucDXwb7aWw-0Qt717S3ZAFpyWz_sNjvENETN6z1eZr-PoCwzcNvEeHYii1G2-qteGvrz-Ts9nsTuvKfOg" />
    <input value="18484" 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%3D165">
    <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/grillada-gewurzzubereitung-nfp-49-g-18491">
          <img alt="Grillada Gewürzzubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11502/file/small-4da9261e614ca640c43c01f7158d24b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11502/file/medium-8877a99cbba6a02440ed56b06e190498.webp 900w, https://assets.fabulous.ch/public/variant_asset/11502/file/large-d43e6d11036176f18cbbc800037ba9f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11502/file/medium-8877a99cbba6a02440ed56b06e190498.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">Chalira</p>
          <a href="/de/products/grillada-gewurzzubereitung-nfp-49-g-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillada Gewürzzubereitung Bio, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18491&quot;],&quot;content_name&quot;:&quot;Grillada Gewürzzubereitung Bio, 49 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18491&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RilcoLru3YFCbgJGts7L5oESndFn0r1fwJCOyHJ7G6jDpPT4Y20ySnpof5m_T5137k9UqGXwHkScvhrLGZqzPg" />
    <input value="18491" 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%3D165">
    <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/pfynwald-gewurzzubereitung-nfp-53-g-18498">
          <img alt="Pfynwald Käsewürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11499/file/small-4c40ef6f759eacd4c987d7102b178eb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.webp 900w, https://assets.fabulous.ch/public/variant_asset/11499/file/large-0f691def1a55d023b584f117a58b9f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.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">Chalira</p>
          <a href="/de/products/pfynwald-gewurzzubereitung-nfp-53-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Käsewürze Bio, 53 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18498&quot;],&quot;content_name&quot;:&quot;Pfynwald Käsewürze Bio, 53 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18498&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VQGbL5yyBj22R9faZU5c0zj-3zO41pbZul9VfuNh9uvQjDN3RTHp9o5BqgVszwpCV6MWSrr0NcLmccF9iIBefQ" />
    <input value="18498" 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%3D165">
    <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/rumilia-feigensenf-120-g-18499">
          <img alt="Rumilia Feigensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10727/file/small-7439f41de5456e623fe3e7be7e9f7463.webp 600w, https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10727/file/large-ae2d560bf6c344183e8e5157f1154277.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.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">Chalira</p>
          <a href="/de/products/rumilia-feigensenf-120-g-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rumilia Feigensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18499&quot;],&quot;content_name&quot;:&quot;Rumilia Feigensenf Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18499&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="csS8TH9wNKuibll8xfmIqN4vWEMIupK1Dv7KUGWXekH3SRQUpvPbYJpoJKPMeN45sXKROgqYMa5S0F5TDnbS1w" />
    <input value="18499" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      3&#39;300 von 3&#39;530 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/reosal?format=turbo_stream&amp;page=166">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>