<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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/choc-wafer-bar-38-g-20229">
          <img alt="Choc Wafer Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11373/file/small-0ac255ec35d0678f17f5a4125d2eb810.webp 600w, https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11373/file/large-12376660fe7b444d254d0ec089c465a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.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">Buttermilk Confectionary</p>
          <a href="/de/products/choc-wafer-bar-38-g-20229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choc Wafer Bar, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20229&quot;],&quot;content_name&quot;:&quot;Choc Wafer Bar, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20229&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="le_C7E89ZG4AIx1Xgt3z-DAs9xCcW6PCMwF50xsHmLNrB9MNytxYppAI0Ejq-88iKF-Wi98T67fgafQey9ie_A" />
    <input value="20229" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/caramel-nougat-choc-bar-50-g-20230">
          <img alt="Caramel Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11374/file/small-e171120ed9145570399f8d4fc4fb798a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.webp 900w, https://assets.fabulous.ch/public/variant_asset/11374/file/large-9f858ca052b0188dc6bc5761777707db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.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">Buttermilk Confectionary</p>
          <a href="/de/products/caramel-nougat-choc-bar-50-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramel Nougat Choc Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20230&quot;],&quot;content_name&quot;:&quot;Caramel Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wkEU1WcpnT9x7XMHEOOBVJ0MSfqTAAuwCcQ3hEmj8DY8qQU04sih9-HGvhh4xb2OhX8oYdBIQ8XarLpJmXz2eQ" />
    <input value="20230" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-tripl3-c-100mg-90-kapseln-mhd-aktion-31-08-2026-20240">
          <img alt="Vitamin Tripl3 C 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3003/file/small-b4d166bc5eed1e2353b88d40143a5af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3003/file/large-c9e840e9c8be58044cc04eb3c3416751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.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">energybalance</p>
          <a href="/de/products/vitamin-tripl3-c-100mg-90-kapseln-mhd-aktion-31-08-2026-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin Tripl3 C 100mg, 90 Kapseln (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 28.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 16.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20240&quot;],&quot;content_name&quot;:&quot;Vitamin Tripl3 C 100mg, 90 Kapseln (MHD-Aktion 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20240&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1qiCX7ThDpEz-ErYaAuxK_oO6-RaJ4O6MHa8sqL1SscoQJO-MQAyWaPTh8cALY3x4n2Kfxlvy8_jHjF_cipMiA" />
    <input value="20240" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/love-corn-habanero-chilli-45-g-mhd-aktion-31-08-2026-20241">
          <img alt="Love Corn habanero chilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6917/file/small-aac3c59b218bf9c93dc42416131dbddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6917/file/large-f2b8b8ce9772ade4ad30729f35536379.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-habanero-chilli-45-g-mhd-aktion-31-08-2026-20241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Love Corn habanero chilli, 45 g (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 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20241&quot;],&quot;content_name&quot;:&quot;Love Corn habanero chilli, 45 g (MHD-Aktion 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20241&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OfexYOyLQylz0QfSU9fU7HpzGbPkfbGeE-spItMqoMHHH6CBaWp_4eP6ys078eg2YgB4KKc1-evAg6TvA_Wmjg" />
    <input value="20241" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fruchtgummi-ingwer-glucksbarchen-bio-100-g-mhd-aktion-31-08-2026-20247">
          <img alt="Fruchtgummi Ingwer Glücksbärchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3367/file/small-9b5f6672bcb8a0e90d4780aebc11a1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3367/file/large-70e6eeffe4d6af4b881403533414ba4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/fruchtgummi-ingwer-glucksbarchen-bio-100-g-mhd-aktion-31-08-2026-20247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgummi Ingwer Glücksbärchen Bio, 100 g (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 3.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20247&quot;],&quot;content_name&quot;:&quot;Fruchtgummi Ingwer Glücksbärchen Bio, 100 g (MHD-Aktion 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20247&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S6GMjZDGaCZStClgAATctu-Pf5DaIZyc0jO8daecHTm1SZ1sFSdU7sKf5H9oIuBs9_weC5lp1OkBWzG4d0Mbdg" />
    <input value="20247" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/love-corn-smoked-bbq-45-g-mhd-aktion-31-08-2026-20249">
          <img alt="Love Corn Smoked BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6916/file/small-9b376d666782f60ffe31c8e3c39851e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6916/file/large-b4a018c9b301d24d3a3c17d4a38a1da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-smoked-bbq-45-g-mhd-aktion-31-08-2026-20249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Love Corn Smoked BBQ, 45 g (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 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20249&quot;],&quot;content_name&quot;:&quot;Love Corn Smoked BBQ, 45 g (MHD-Aktion 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20249&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GC3G08yPRRglvrdeIUEohMy1O5d21CGAcnyx62XKnkfmxdcySW550LWVekFJZxRe1MZaDDWcafWhFDwmtRWYCA" />
    <input value="20249" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    60 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keks-twibio-mit-heidelbeerefullung-bio-150-g-mhd-aktion-21-08-2026-20250">
          <img alt="Keks TWIBIO mit Heidelbeerefüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2010/file/small-f4b8d5b24fdc61a69bc66bf3c576430f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2010/file/medium-0704b2372410e99a18ebb2d262cc0a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/2010/file/large-c0e8bfa3ddc9bc620c869222f4effb06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2010/file/medium-0704b2372410e99a18ebb2d262cc0a14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Pivert</p>
          <a href="/de/products/keks-twibio-mit-heidelbeerefullung-bio-150-g-mhd-aktion-21-08-2026-20250">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keks TWIBIO mit Heidelbeerefüllung Bio, 150 g (MHD-Aktion 21.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.25</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20250&quot;],&quot;content_name&quot;:&quot;Keks TWIBIO mit Heidelbeerefüllung Bio, 150 g (MHD-Aktion 21.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20250&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wesNNh5SglVyIBmhfz842nUZCF53RWqPrcShi9pPdv8_AxzXm7O-neIL1L4XGQQAbWppxTQNIvp-rCxGCpBwsA" />
    <input value="20250" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reisdessert-vanille-bio-530-g-mhd-aktion-01-09-2026-20251">
          <img alt="Reisdessert Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6676/file/small-7dfd6738bf8f4e2f36d49d0560636615.webp 600w, https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6676/file/large-30ad1b9970bbe6ff3f44d48c087e397a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.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">SOON</p>
          <a href="/de/products/reisdessert-vanille-bio-530-g-mhd-aktion-01-09-2026-20251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reisdessert Vanille Bio, 530 g (MHD-Aktion 01.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20251&quot;],&quot;content_name&quot;:&quot;Reisdessert Vanille Bio, 530 g (MHD-Aktion 01.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20251&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huF0VTumnyHWNqcNGzu70pR4nS8Mo50ywWug4m0WcbV4CWW0vkej6UYdahJzHYcIjAv8tE_r1UcSAy0vvcl3-g" />
    <input value="20251" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-good-morning-krautertee-bio-20-beutel-mhd-aktion-13-09-2026-20254">
          <img alt="Tee Good Morning Kräutertee, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3037/file/small-646b35a10126a24f746a8b2107abc6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3037/file/large-9667f577d41754586046226077add4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.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">Cupper</p>
          <a href="/de/products/tee-good-morning-krautertee-bio-20-beutel-mhd-aktion-13-09-2026-20254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Good Morning Kräutertee, Bio, 20 Beutel (MHD-Aktion 13.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20254&quot;],&quot;content_name&quot;:&quot;Tee Good Morning Kräutertee, Bio, 20 Beutel (MHD-Aktion 13.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PB5eTIIcrcr2YikgvIyqtVOmI0KF_MgwLkCxpYXNIADC9k-tB_2RAmZJ5D_UqpZvS9VC2ca0gEX9KDxoVRImTw" />
    <input value="20254" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/yacon-sirup-bio-250-g-mhd-aktion-02-09-2026-20255">
          <img alt="Yacon Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/de/products/yacon-sirup-bio-250-g-mhd-aktion-02-09-2026-20255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yacon Sirup Bio, 250 g (MHD-Aktion 02.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 20.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 17.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20255&quot;],&quot;content_name&quot;:&quot;Yacon Sirup Bio, 250 g (MHD-Aktion 02.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20255&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nmJfSgfLBpCHLk-pMqWBwaWXYqRgng0q4ASuzVuEeDhgik6rgio6WBcFgrZag70bveQDPyPWRV8zbCMAi1t-dw" />
    <input value="20255" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/hyaluron-miracle-lift-30-ml-9ef26c88-9531-4210-94e6-ebab7f090c0f-20259">
          <img alt="Hyaluron Miracle Lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11447/file/small-7cf8573d87a5770d681abef126899249.webp 600w, https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11447/file/large-6266a261d9004a1be51a494c5ff365be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.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">Arya Laya</p>
          <a href="/de/products/hyaluron-miracle-lift-30-ml-9ef26c88-9531-4210-94e6-ebab7f090c0f-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Miracle Lift, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20259&quot;],&quot;content_name&quot;:&quot;Hyaluron Miracle Lift, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20259&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="98kaYEDG6k5jg04275ra5P4GtctBALQGc1T28sya9SkJIQuBxSfWhvOogymHvOY-5nXUUAJI_HOgPHs_HEXzZg" />
    <input value="20259" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/hafer-drink-barista-edition-1-l-mhd-aktion-01-08-2026-20266">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/de/products/hafer-drink-barista-edition-1-l-mhd-aktion-01-08-2026-20266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Barista Edition, 1 l (MHD-Aktion 01.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20266&quot;],&quot;content_name&quot;:&quot;Hafer Drink Barista Edition, 1 l (MHD-Aktion 01.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20266&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k6-9dx1abIOpjuWFNMIrFujrF2G7hVpRXcJthD-RDX1tR6yWmLtQSzmlKJpc5BfM8Jh2-vjNEiSOquBJ704LMg" />
    <input value="20266" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/aloe-vera-gel-150-ml-5a7409a9-bb73-4af5-8b92-6e092905f92d-20269">
          <img alt="Aloe Vera Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11466/file/small-ca667a5a727e912fb2ac7b6f81a591bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11466/file/medium-51d8475101079d90faa562d22d9f7fd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11466/file/large-25aa2c1db3582b94e68209e1855fa8b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11466/file/medium-51d8475101079d90faa562d22d9f7fd7.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">Arya Laya</p>
          <a href="/de/products/aloe-vera-gel-150-ml-5a7409a9-bb73-4af5-8b92-6e092905f92d-20269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Gel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20269&quot;],&quot;content_name&quot;:&quot;Aloe Vera Gel, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8xlJMMPjlcRFA988wHYXS9RLtpTImWXzI1awPFlGqSkN8VjRRgKpDNUoEiOoUCuRzDjXD4vRLYbwPj3xiZmvZg" />
    <input value="20269" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/hylaruon-alge-tag-nachtpflege-50-ml-20272">
          <img alt="Hylaruon Alge Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11469/file/small-f61c8bdf3ecce4e7bbbc914e480e2dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11469/file/large-fa46830dc3402d2358c5ec8e2ae8ae87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.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">Arya Laya</p>
          <a href="/de/products/hylaruon-alge-tag-nachtpflege-50-ml-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hylaruon Alge Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20272&quot;],&quot;content_name&quot;:&quot;Hylaruon Alge Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eCmmR18iI1BXdI2i7Zh2x6BsAdl2Lu48TkKNDMBXnLKGwbem2sMfmMdfQL2FvkoduB9gQjVmpkmdKgDBEIia_Q" />
    <input value="20272" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/perfect-day-tonungsmousse-30-ml-20273">
          <img alt="Perfect Day Tönungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11470/file/small-43ec50a073bee057c4d6e772c1a40a81.webp 600w, https://assets.fabulous.ch/public/variant_asset/11470/file/medium-132e95c6dddcf03d12d7c77299aad85f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11470/file/large-8bac3a9d3313d9d9a427e1f8c6a3ee63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11470/file/medium-132e95c6dddcf03d12d7c77299aad85f.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">Arya Laya</p>
          <a href="/de/products/perfect-day-tonungsmousse-30-ml-20273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Perfect Day Tönungsmousse, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20273&quot;],&quot;content_name&quot;:&quot;Perfect Day Tönungsmousse, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aUrVoiy_jBX_k7XkcyOK0VP1-JgFVXLt7pglDIqQJd-XosRDqV6w3W-4ePsbBbYLS4aZA0YdOpg98KjBWk8jkA" />
    <input value="20273" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bouillon-gemuse-bruhwurfel-hefefrei-bio-6-x-12-g-mhd-aktion-03-09-2026-20278">
          <img alt="Bouillon Gemüse Brühwürfel Hefefrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3772/file/small-dae14a23c93fede2f7887a649e245729.webp 600w, https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/3772/file/large-0b735de019f834b8056184f540f3b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/bouillon-gemuse-bruhwurfel-hefefrei-bio-6-x-12-g-mhd-aktion-03-09-2026-20278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bouillon Gemüse Brühwürfel Hefefrei Bio, 6 x 12 g (MHD-Aktion 03.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.85</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20278&quot;],&quot;content_name&quot;:&quot;Bouillon Gemüse Brühwürfel Hefefrei Bio, 6 x 12 g (MHD-Aktion 03.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20278&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="Iv2_Up702h2_rQdZz2ecNTmutZkx8M4D8NBVsRw4cHrcFa6zGxXm1S-GykanQaDvId3UAnK4hnYjuNh8zOd2NQ" />
    <input value="20278" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/nordsalz-nfp-75-ml-20283">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11491/file/small-abbcd72cca95844d8ff7b51108406fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.webp 900w, https://assets.fabulous.ch/public/variant_asset/11491/file/large-1fcfcccdfeee72c6b831da2f9127cd5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.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/nordsalz-nfp-75-ml-20283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 75 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 18.53 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20283&quot;],&quot;content_name&quot;:&quot;Nordsalz, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20283&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="n0jgzmH3R5UKWrvXwnSE2HJTZCHE2BW-tyFkUNsTSZhhoPEv5BZ7XZpxdsiqUrgCaiAFuoeQXctkSemdC8xP1w" />
    <input value="20283" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/nordsalz-nfp-33-g-20284">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11492/file/small-04c5c672c878e791b8040478d0d59cb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11492/file/medium-653e8588b113cae245f991c9c11b8005.webp 900w, https://assets.fabulous.ch/public/variant_asset/11492/file/large-3f2b48d45f5e3ddaa85ecf91bcb831b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11492/file/medium-653e8588b113cae245f991c9c11b8005.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/nordsalz-nfp-33-g-20284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20284&quot;],&quot;content_name&quot;:&quot;Nordsalz, 33 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20284&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hrmXREYN4207ltZBtOV9_K5b6qCmYRtQe3WAUhN_XFh4UYalw-zfpau9G17cw0EmtiiLO-UpUyWoHQ2fw6BaFw" />
    <input value="20284" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/kirpan-gewurzmischung-curry-glas-19-g-20286">
          <img alt="Kirpan Gewürzmischung Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11495/file/small-4c7a30d2a736f455274b415e590ac38c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11495/file/medium-99d45b09aca8a865cebbf35e07d6bb5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11495/file/large-f5a005c2b87f7753f70cdcf654a5c966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11495/file/medium-99d45b09aca8a865cebbf35e07d6bb5d.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/kirpan-gewurzmischung-curry-glas-19-g-20286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Gewürzmischung Curry Bio, 19 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20286&quot;],&quot;content_name&quot;:&quot;Kirpan Gewürzmischung Curry Bio, 19 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YlWvJaqMzuD7MRS2Hu3l8c-Q4bUI3pC35lFwpnZxofqcvb7EL23yKGsa2al2y9kr1-OALkuW2MI1Of1rpq6ntQ" />
    <input value="20286" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D174">
    <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/kaori-salatwurze-glas-28-g-20287">
          <img alt="Kaori Salatwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11497/file/small-cb8c2da509f224ab85c7adf136249838.webp 600w, https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.webp 900w, https://assets.fabulous.ch/public/variant_asset/11497/file/large-7e4b9ea26d3128ddf9487e41006728e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.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/kaori-salatwurze-glas-28-g-20287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatwürze Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20287&quot;],&quot;content_name&quot;:&quot;Kaori Salatwürze Bio, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GqEfce_H3sMyYObxlRdnmA2y5aXzvU895DxFR46x-hDkSQ6QaibiC6JLK-79MVtCFcGEPrD1B0g3VMiKXm78Xw" />
    <input value="20287" 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;480 von 3&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natur-compagnie?format=turbo_stream&amp;page=175">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>