<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/fupi-tofu-chips-sichuan-mala-flavour-75-g-mhd-aktion-15-12-2026-22662">
          <img alt="Fupi Tofu-Chips Sichuan Mala Flavour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8704/file/small-0718afebcfe0f53de16ad1f6b899ca3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8704/file/large-aa296ad4d468976fff3461221f57bfd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.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">Fupi</p>
          <a href="/de/products/fupi-tofu-chips-sichuan-mala-flavour-75-g-mhd-aktion-15-12-2026-22662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fupi Tofu-Chips Sichuan Mala Flavour, 75 g (MHD-Aktion 15.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22662&quot;],&quot;content_name&quot;:&quot;Fupi Tofu-Chips Sichuan Mala Flavour, 75 g (MHD-Aktion 15.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22662&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p2h4zKTpT3iplx2LN5tuQaQqu51f11AP-RnICpgwjnWdmaNGv0oQSYngoEmNYhmGY4Ve3ebjz5jWg9BSMYBBFg" />
    <input value="22662" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/bread-less-saatenbrot-ohne-mehl-glutenfrei-bio-350-g-mhd-aktion-28-11-2026-22663">
          <img alt="Bread Less Saatenbrot ohne Mehl Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5282/file/small-4a2e97091ef0b680f4e2f6e5069d2b55.webp 600w, https://assets.fabulous.ch/public/variant_asset/5282/file/medium-b230019d85ee00253e6d6f1acb1b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/5282/file/large-7c3772230e5da1ab4a2ba00c93715c64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5282/file/medium-b230019d85ee00253e6d6f1acb1b6682.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">Schnitzer</p>
          <a href="/de/products/bread-less-saatenbrot-ohne-mehl-glutenfrei-bio-350-g-mhd-aktion-28-11-2026-22663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bread Less Saatenbrot ohne Mehl Glutenfrei Bio, 350 g (MHD-Aktion 28.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22663&quot;],&quot;content_name&quot;:&quot;Bread Less Saatenbrot ohne Mehl Glutenfrei Bio, 350 g (MHD-Aktion 28.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22663&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lALjiApY3L-IkicrmgMr4klvgBBz4jdHvBl9soiq5byu8zgCEfuDjqjlmukg-lwljsBlUMrWqNCTg2XqIRoq3w" />
    <input value="22663" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-mhd-aktion-10-12-2026-22664">
          <img alt="Mehl Sojamehl getoastet glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.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">Bauckhof</p>
          <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-mhd-aktion-10-12-2026-22664">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Sojamehl getoastet glutenfrei Bio, 250 g (MHD-Aktion 10.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.65</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22664&quot;],&quot;content_name&quot;:&quot;Mehl Sojamehl getoastet glutenfrei Bio, 250 g (MHD-Aktion 10.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22664&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YBYrYP0r95mSVvfxWWh9a7f3QOgV8N5Elh67iebvpNla5_Dq5oioqLIhSjPjkQqscFilqKzEQdO5hKPRT19rug" />
    <input value="22664" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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">
    31 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-mhd-aktion-10-12-2026-22665">
          <img alt="Fruchtgummi mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-mhd-aktion-10-12-2026-22665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgummi mind sweets Happy Buddha Bear Bio, 75 g (MHD-Aktion 10.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22665&quot;],&quot;content_name&quot;:&quot;Fruchtgummi mind sweets Happy Buddha Bear Bio, 75 g (MHD-Aktion 10.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tCw3VrkKlcsZc6sGPJLTctRHPv8iq0d-CIEySviIcjSO3ezcoqnK-jkEFsSGa6S1E-jbv5uf2OknGyoSUTi9Vw" />
    <input value="22665" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/biscuit-mini-kekse-mit-vanillefullung-glutenfrei-bio-125-g-mhd-aktion-05-12-2026-22666">
          <img alt="Biscuit Mini Kekse mit Vanillefüllung Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4623/file/small-4c0785ce554ce163035d6cac337f209c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4623/file/large-43e577c72055d85a8f833cd23b6673d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.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">Céliane</p>
          <a href="/de/products/biscuit-mini-kekse-mit-vanillefullung-glutenfrei-bio-125-g-mhd-aktion-05-12-2026-22666">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuit Mini Kekse mit Vanillefüllung Glutenfrei Bio, 125 g (MHD-Aktion 05.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22666&quot;],&quot;content_name&quot;:&quot;Biscuit Mini Kekse mit Vanillefüllung Glutenfrei Bio, 125 g (MHD-Aktion 05.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22666&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MIh6HI9BcHg18x6VJtuXuZSQZYul53ieEnack8UnmRMKeaGWlOIvSRWEo1ecIuB-Uz-AyxzT5wk97ITLbJdWcA" />
    <input value="22666" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/vegan-durch-die-weihnachtszeit-franzi-schadel-1-stuck-22667">
          <img alt="Vegan durch die Weihnachtszeit - Franzi Schädel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12057/file/small-2cc8a50be972f93a780c8dee73801afc.webp 600w, https://assets.fabulous.ch/public/variant_asset/12057/file/medium-ba3ff882f652265a7f6b8ca636ce99d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/12057/file/large-3102a30c19a29a758025c43bc7aeb3d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12057/file/medium-ba3ff882f652265a7f6b8ca636ce99d2.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">Buchverlag</p>
          <a href="/de/products/vegan-durch-die-weihnachtszeit-franzi-schadel-1-stuck-22667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan durch die Weihnachtszeit - Franzi Schädel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22667&quot;],&quot;content_name&quot;:&quot;Vegan durch die Weihnachtszeit - Franzi Schädel, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22667&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAZmSld8OO1VPgiShPJ10cpA85-O4w2ChQXHm-tA62EK973ATN9n3HVJtVA-CwIWDe8W3zfXkhWqn9_DQvAkAg" />
    <input value="22667" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/taste-of-love-zineb-hattab-1-stuck-22668">
          <img alt="Taste of Love - Zineb Hattab" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12058/file/small-7b47de3a11a1c3224e05f74ceb9e8404.webp 600w, https://assets.fabulous.ch/public/variant_asset/12058/file/medium-691a7a9dc7f5a95286d02d538435d08b.webp 900w, https://assets.fabulous.ch/public/variant_asset/12058/file/large-ae69ce9040ca5e3935d181609512fee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12058/file/medium-691a7a9dc7f5a95286d02d538435d08b.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">Buchverlag</p>
          <a href="/de/products/taste-of-love-zineb-hattab-1-stuck-22668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taste of Love - Zineb Hattab, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22668&quot;],&quot;content_name&quot;:&quot;Taste of Love - Zineb Hattab, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22668&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:49.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JD8AycTEPV2jTEbFn0QIXsMNvhuigHopNvX2t6zMCG4ezttD32dibIM7-wclvX-ZBKJbWxu05b4Zb-7vBXzHDQ" />
    <input value="22668" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/vegan-fur-einsteiger-ruediker-dahlke-1-stuck-22669">
          <img alt="Vegan für Einsteiger . Ruediker Dahlke" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12059/file/small-5763f942fb154c73bb011ed9ddc76976.webp 600w, https://assets.fabulous.ch/public/variant_asset/12059/file/medium-af61f870485001508091502f9e703749.webp 900w, https://assets.fabulous.ch/public/variant_asset/12059/file/large-6223344d8ced9f7a26725e2bb4e966a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12059/file/medium-af61f870485001508091502f9e703749.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">Buchverlag</p>
          <a href="/de/products/vegan-fur-einsteiger-ruediker-dahlke-1-stuck-22669">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan für Einsteiger . Ruediker Dahlke, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22669&quot;],&quot;content_name&quot;:&quot;Vegan für Einsteiger . Ruediker Dahlke, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22669&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yRbjJXQ5HbWlKK9qwzDcIer1dYSmajf-8z03tHsdIMzz5zivb5pChIVfEqh5yavmLVqQxB9eqGncpy_s0q3vrw" />
    <input value="22669" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/vegan-vegan-zineb-hattab-1-stuck-22670">
          <img alt="Vegan Vegan! - Zineb Hattab" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12060/file/small-a0330518442afa89c9a0dfef117ad9ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/12060/file/medium-46dcd4781d478e649edda2c701be683c.webp 900w, https://assets.fabulous.ch/public/variant_asset/12060/file/large-4fcd38ee4b34825787bd70d01f66e18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12060/file/medium-46dcd4781d478e649edda2c701be683c.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">Buchverlag</p>
          <a href="/de/products/vegan-vegan-zineb-hattab-1-stuck-22670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Vegan! - Zineb Hattab, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 68.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22670&quot;],&quot;content_name&quot;:&quot;Vegan Vegan! - Zineb Hattab, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22670&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:68.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4vbneqCKo6UIdLaBHhQx-8QZCoET71AA4j1WmZd-RUjYBzzwuyn8lCgDC0Ok7UY8A7bvwarbz5fNp07BPs6KKw" />
    <input value="22670" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ruhe-geschenkset-1-stuck-22690">
          <img alt="Ruhe Geschenkset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12076/file/small-c1eb44c58f13197f1baf339ec8f3f6e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12076/file/medium-ce2957fc4b2a3305108c7a67c30336f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12076/file/large-5833dc01ccae1391a9085bd0e84be1c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12076/file/medium-ce2957fc4b2a3305108c7a67c30336f9.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">AromaLife</p>
          <a href="/de/products/ruhe-geschenkset-1-stuck-22690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ruhe Geschenkset, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22690&quot;],&quot;content_name&quot;:&quot;Ruhe Geschenkset, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22690&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D5XkmGxfKK2NrnY9ib3JlZAZwL0U8fQfJgNeSyUCrjA1ZD8Sd_x3nK3Zy_8zRL5SV7Yl_a3Fa4gJmUYTjLJhUw" />
    <input value="22690" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lavendel-provence-geschenkset-1-stuck-22697">
          <img alt="Lavendel &quot;Provence&quot; Geschenkset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12085/file/small-c2a7165e119f401aecbd4c9aadb6ac80.webp 600w, https://assets.fabulous.ch/public/variant_asset/12085/file/medium-3ae385d3503029c64a4fbf72d6ed65a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/12085/file/large-680027268bcd261cd619568aa6899edc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12085/file/medium-3ae385d3503029c64a4fbf72d6ed65a1.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">AromaLife</p>
          <a href="/de/products/lavendel-provence-geschenkset-1-stuck-22697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel &quot;Provence&quot; Geschenkset, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22697&quot;],&quot;content_name&quot;:&quot;Lavendel \&quot;Provence\&quot; Geschenkset, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22697&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XUR-KejTNvubZ39Btq1HPPRREHO13qrGY21E2Bfki-tntaWj83BpyrsQwoMMVDD7M_71MwzqNVFM91yAvlREiA" />
    <input value="22697" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/blubberschaum-pflegebad-schnatterinchen-2-x-30-g-22709">
          <img alt="Blubberschaum Pflegebad Schnatterinchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12097/file/small-5d5f38ca10cca59ec1a63f4b8b58c662.webp 600w, https://assets.fabulous.ch/public/variant_asset/12097/file/medium-dfed06c16af6a56cae5759add807d8a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/12097/file/large-540d9c5f834e24fa5accb749b86821bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12097/file/medium-dfed06c16af6a56cae5759add807d8a8.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">Dresdner Essenz</p>
          <a href="/de/products/blubberschaum-pflegebad-schnatterinchen-2-x-30-g-22709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blubberschaum Pflegebad Schnatterinchen, 2 x 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22709&quot;],&quot;content_name&quot;:&quot;Blubberschaum Pflegebad Schnatterinchen, 2 x 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22709&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xOBo5kCBrrJwfibvhdjKaYAhysqNJ8RknsWn2PQIj5f-EbNsWyLxg1AJmy0_Ib2uR44vijQTW_OxX7-AXbhA9A" />
    <input value="22709" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/badesalz-de-stress-60-g-22710">
          <img alt="Badesalz De-Stress" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12098/file/small-c65f12efa7b200d2b28e77df72480a29.webp 600w, https://assets.fabulous.ch/public/variant_asset/12098/file/medium-25f7aa4f394cc88c138907e71dc082f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/12098/file/large-f3848b6ed8bfc0169b1f8e3618f7cd76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12098/file/medium-25f7aa4f394cc88c138907e71dc082f8.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">Dresdner Essenz</p>
          <a href="/de/products/badesalz-de-stress-60-g-22710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz De-Stress, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22710&quot;],&quot;content_name&quot;:&quot;Badesalz De-Stress, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22710&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Th_xp9e0tobt2dCQ0uP2g5KdgmBSOd4xj5Yhp4R9q_Z07iotzBfpt82ubVJoGoFEVTJnIOsNQaagDDn_Lc1klQ" />
    <input value="22710" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/badesalz-entspannung-schlaf-60-g-22711">
          <img alt="Badesalz Entspannung &amp; Schlaf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12099/file/small-842d8f48541fdf056c11f61a91fd4352.webp 600w, https://assets.fabulous.ch/public/variant_asset/12099/file/medium-1c9184f5b922fb1e0d5da8481f0bda5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/12099/file/large-2592af3762171074fb991b0cd3690459.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12099/file/medium-1c9184f5b922fb1e0d5da8481f0bda5a.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">Dresdner Essenz</p>
          <a href="/de/products/badesalz-entspannung-schlaf-60-g-22711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Entspannung &amp; Schlaf, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22711&quot;],&quot;content_name&quot;:&quot;Badesalz Entspannung \u0026 Schlaf, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22711&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EBecNX5INCrWto3TXBJkeu9tukGyP_P7MvdPWmvGESYq5ke_ZetrG_bBMBHm6xO9KMJfAQsLbGwdbVcCwnbeRQ" />
    <input value="22711" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-l-alpina-alternative-zu-frischkase-bio-115-g-22716">
          <img alt="New Roots L&#39;Alpina Alternative zu Frischkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12111/file/small-c0bc5890fbc6d0f511c88af9933bbc52.webp 600w, https://assets.fabulous.ch/public/variant_asset/12111/file/medium-973bc91cc2a4cc85a8d04a6b7360d0b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/12111/file/large-a70345ef02a159cb8de86e8b0061f8cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12111/file/medium-973bc91cc2a4cc85a8d04a6b7360d0b8.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">New Roots</p>
          <a href="/de/products/new-roots-l-alpina-alternative-zu-frischkase-bio-115-g-22716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots L&#39;Alpina Alternative zu Frischkäse Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </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 6.04 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22716&quot;],&quot;content_name&quot;:&quot;New Roots L&#39;Alpina Alternative zu Frischkäse Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22716&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2I3uwtA67uvFGvB46qIDA8lzeKg3pc647Q2W9iEFxLLifDVIy5mx2uVtTbpQW3TEDtyd6I6RUS_Cl46uiLUL0Q" />
    <input value="22716" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-mhd-aktion-18-11-2026-22717">
          <img alt="Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10404/file/small-2e2a88bb662202da5ab05a4c9669be7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10404/file/medium-5aae275e608536598dd794904bdf7bd1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10404/file/large-48d7d991f0beaaf33c6790c25926d9aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10404/file/medium-5aae275e608536598dd794904bdf7bd1.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">Noppas</p>
          <a href="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-mhd-aktion-18-11-2026-22717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Crunchy mit Chili Sauce Bio, 100 g (MHD-Aktion 18.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.90</span>
            </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 6.55 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22717&quot;],&quot;content_name&quot;:&quot;Tofu Crunchy mit Chili Sauce Bio, 100 g (MHD-Aktion 18.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22717&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lRCbr5OlC9C4mdUH1ILa3Ih-kva14Q82UkbgQgP1MXmv4UAliAZU4ZjuaMVue60bT9F3tgzVkKF93PgaqkX-Gg" />
    <input value="22717" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/ich-bin-keine-wurst-peperoni-glutenfrei-bio-2-x-100-g-b-ware-aktion-22718">
          <img alt="&quot;Ich bin keine Wurst&quot; Peperoni Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9065/file/small-fbd19432845598af03ae7d5f9f8af3ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/9065/file/medium-39843a93d4a26313599d4bc991f12269.webp 900w, https://assets.fabulous.ch/public/variant_asset/9065/file/large-1cc77a43ee40c1795adc57b4f8c7a45a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9065/file/medium-39843a93d4a26313599d4bc991f12269.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/ich-bin-keine-wurst-peperoni-glutenfrei-bio-2-x-100-g-b-ware-aktion-22718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">&quot;Ich bin keine Wurst&quot; Peperoni Glutenfrei Bio, 2 x 100 g (B-Ware-Aktion)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.20</span>
            </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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22718&quot;],&quot;content_name&quot;:&quot;\&quot;Ich bin keine Wurst\&quot; Peperoni Glutenfrei Bio, 2 x 100 g (B-Ware-Aktion)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22718&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2x-kOaqLCliUHr8t8fVa8hI6Rp0aliN__IEVvMei5Drh7n-zsShVabRpAu9LDC011ZWj3aOivOjTGw3kbhIrWQ" />
    <input value="22718" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/kokosnusswasser-100-roh-bio-300-ml-mhd-aktion-19-11-2026-22719">
          <img alt="Kokosnusswasser 100% roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9175/file/small-4685d0fdd8fdbfa8495691f8c270444b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9175/file/medium-e1ff3de77288cb3dae4681292973be89.webp 900w, https://assets.fabulous.ch/public/variant_asset/9175/file/large-70da9d73ebb0800a3575011199015d8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9175/file/medium-e1ff3de77288cb3dae4681292973be89.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">HEYLIFE</p>
          <a href="/de/products/kokosnusswasser-100-roh-bio-300-ml-mhd-aktion-19-11-2026-22719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnusswasser 100% roh Bio, 300 ml (MHD-Aktion 19.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.95</span>
            </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.55 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22719&quot;],&quot;content_name&quot;:&quot;Kokosnusswasser 100% roh Bio, 300 ml (MHD-Aktion 19.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22719&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h4F8nXBcdgOEnwFOjzgV-jkB0Espqf9F3eThuuRTdYK9cKcXa_8pMqTovIw1wWI9_q41C5CdYNLyfvniTeO64Q" />
    <input value="22719" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/soyananda-frischecreme-natur-fermentiert-bio-140-g-mhd-aktion-20-11-2026-22720">
          <img alt="Soyananda Frischecreme Natur fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-mhd-aktion-20-11-2026-22720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Frischecreme Natur fermentiert Bio, 140 g (MHD-Aktion 20.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22720&quot;],&quot;content_name&quot;:&quot;Soyananda Frischecreme Natur fermentiert Bio, 140 g (MHD-Aktion 20.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22720&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="waWDL7fk0lh3dz81BcfAxHNpEBMWyenocYs0raopD9D7VFilrEeNaVcAgve_PrcDtMb1U6_9dn9eESz1A5nAsw" />
    <input value="22720" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D206">
    <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/caprese-kugel-auf-mandelbasis-150-g-mhd-aktion-20-11-2026-22722">
          <img alt="Caprese Kugel auf Mandelbasis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7879/file/small-9930d304d6ff581e47b8372712a15e5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.webp 900w, https://assets.fabulous.ch/public/variant_asset/7879/file/large-861ee9941000fdde539c67196b43fa10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.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">Simply V</p>
          <a href="/de/products/caprese-kugel-auf-mandelbasis-150-g-mhd-aktion-20-11-2026-22722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caprese Kugel auf Mandelbasis, 150 g (MHD-Aktion 20.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.90</span>
            </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 2.90 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22722&quot;],&quot;content_name&quot;:&quot;Caprese Kugel auf Mandelbasis, 150 g (MHD-Aktion 20.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22722&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="84_Vk7QpWhdg1yJmu0XH1ls57mw8NW_qp8u9nnD9iFzJfg4Zr4oFJkCgn6QBvLARnJYLLIUB8H2IUaXG2U1HPw" />
    <input value="22722" 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">
      4&#39;120 von 4&#39;128 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natura?format=turbo_stream&amp;page=207">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>