<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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-natto-nattosana-super-umami-paste-200-g-mhd-aktion-28-08-2026-21996">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.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/bio-natto-nattosana-super-umami-paste-200-g-mhd-aktion-28-08-2026-21996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g (MHD-Aktion 28.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-21996-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21996&quot;],&quot;content_name&quot;:&quot;Bio-Natto Nattosana Super-Umami Paste, 200 g (MHD-Aktion 28.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21996&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="I0YhboAKSPj6fh2hR4XtEG6O0niAgtbaMKHBA8ZS2Ar5PoBnhgjUjZDuy7-hPT4QYFVHVmQPIfhXtOSLSqrlZQ" />
    <input value="21996" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schweizer-hummus-naturlich-bio-150-g-mhd-aktion-28-08-2026-21997">
          <img alt="Schweizer Hummus natürlich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7118/file/small-1e17f3147c04104c51041e5c659ce325.webp 600w, https://assets.fabulous.ch/public/variant_asset/7118/file/medium-a9fa3a53f5c431e0fbe0c185896e8bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7118/file/large-cf8e8c052b62930f75bc3ebdc3c57de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7118/file/medium-a9fa3a53f5c431e0fbe0c185896e8bb1.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">Wild Foods</p>
          <a href="/de/products/schweizer-hummus-naturlich-bio-150-g-mhd-aktion-28-08-2026-21997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Hummus natürlich Bio, 150 g (MHD-Aktion 28.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.45</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 3.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21997&quot;],&quot;content_name&quot;:&quot;Schweizer Hummus natürlich Bio, 150 g (MHD-Aktion 28.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21997&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jypoECX49YkRIkCcF-bj66EynAlHeZhFpstqxWLu28dVUskZI_pp_HuyloLxXjDrr-kJJ6P0b2fB3k9N7hbmqA" />
    <input value="21997" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fermentierte-vegane-mandel-alternative-zu-sauerrahm-bio-200-g-mhd-aktion-28-08-2026-21998">
          <img alt="Fermentierte vegane Mandel-Alternative zu Sauerrahm Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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/fermentierte-vegane-mandel-alternative-zu-sauerrahm-bio-200-g-mhd-aktion-28-08-2026-21998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fermentierte vegane Mandel-Alternative zu Sauerrahm Bio, 200 g (MHD-Aktion 28.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21998&quot;],&quot;content_name&quot;:&quot;Fermentierte vegane Mandel-Alternative zu Sauerrahm Bio, 200 g (MHD-Aktion 28.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21998&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qL1hAhJch9Pen5ebtkBLiynH8F6iK8lGThHSo0Rwc55yxcALFF4bprQPQYVQ-JiLJxxlcEamPmQpBPcryIhO8Q" />
    <input value="21998" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-quark-nature-soyananda-bio-200-g-mhd-aktion-28-08-2026-21999">
          <img alt="Vegane Alternative zu Quark Nature Soyananda Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9150/file/small-57ad9a0c02c1157aa059f807df857be2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9150/file/medium-0bf591ceafbff9311bf9f19b33df2fe3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9150/file/large-580e79a3177fbd1f6190eb8f788f6a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9150/file/medium-0bf591ceafbff9311bf9f19b33df2fe3.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/vegane-alternative-zu-quark-nature-soyananda-bio-200-g-mhd-aktion-28-08-2026-21999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Quark Nature Soyananda Bio, 200 g (MHD-Aktion 28.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.80</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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21999&quot;],&quot;content_name&quot;:&quot;Vegane Alternative zu Quark Nature Soyananda Bio, 200 g (MHD-Aktion 28.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21999&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CjEaHQjyS3gM-OjOvNufg7a_9rphJ25ECf4LBOt2yvLQSbsUDvDXDWZoPtBaY0yDuGRjlIWqmWZu6y6MZ473nQ" />
    <input value="21999" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-black-pfeffer-bio-115-g-mhd-aktion-29-08-2026-22001">
          <img alt="New Roots Black Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.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-black-pfeffer-bio-115-g-mhd-aktion-29-08-2026-22001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Black Pfeffer Bio, 115 g (MHD-Aktion 29.08.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 3.55</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.17 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22001&quot;],&quot;content_name&quot;:&quot;New Roots Black Pfeffer Bio, 115 g (MHD-Aktion 29.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22001&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X3sT6ulGa1bJU-x574CDMqAFdEDdm-NYpgKI0ZJvd32FA7Lj70T3I6PDOmcJOFAyrt7hbjkWFHrBF61ZHpdKEg" />
    <input value="22001" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-la-cotta-thymian-lavendel-bio-130-g-mhd-aktion-29-08-2026-22002">
          <img alt="New Roots La Cotta Thymian-Lavendel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6145/file/small-16ae1a50e143b7b88e0704126cd2653e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.webp 900w, https://assets.fabulous.ch/public/variant_asset/6145/file/large-7647f18d0f8797ccd7751d0c639ec66e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.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-la-cotta-thymian-lavendel-bio-130-g-mhd-aktion-29-08-2026-22002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots La Cotta Thymian-Lavendel Bio, 130 g (MHD-Aktion 29.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.05</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.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22002&quot;],&quot;content_name&quot;:&quot;New Roots La Cotta Thymian-Lavendel Bio, 130 g (MHD-Aktion 29.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22002&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="Q3Cut8q0g2tpSMRLiTKppEs_JMvLn2eWuIspw3afyWOZCA--zLYfHgPYElVvinqkReSx5S8SkLTfngxL-mf0DA" />
    <input value="22002" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/mein-veganer-speck-ersatz-bio-10-g-mhd-aktion-30-09-2026-22005">
          <img alt="Mein Veganer Speck Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6858/file/small-39e33875b304b98ecdaeb1837b56c65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6858/file/large-1a1e9315e73d2da5bc2b254f12893c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.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">Biovegan</p>
          <a href="/de/products/mein-veganer-speck-ersatz-bio-10-g-mhd-aktion-30-09-2026-22005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Veganer Speck Ersatz Bio, 10 g (MHD-Aktion 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22005&quot;],&quot;content_name&quot;:&quot;Mein Veganer Speck Ersatz Bio, 10 g (MHD-Aktion 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22005&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wS9td_577UYTAqn0J1UUktHKt4joJmKtpPl-yz1day0bV8x--HlxM3mSf-rB7ceS3xEipgyrlY_D7FtDsaVWQg" />
    <input value="22005" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/risotto-steinpilz-tomate-bio-150-g-mhd-aktion-20-09-2026-22006">
          <img alt="Risotto Steinpilz Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7238/file/small-cecd0eaef312c43ddbf57a1d65aa8f78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7238/file/large-e4c06dc4f54c69b561f7ecbf448b487c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.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">Antersdorfer</p>
          <a href="/de/products/risotto-steinpilz-tomate-bio-150-g-mhd-aktion-20-09-2026-22006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Risotto Steinpilz Tomate Bio, 150 g (MHD-Aktion 20.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.85</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22006&quot;],&quot;content_name&quot;:&quot;Risotto Steinpilz Tomate Bio, 150 g (MHD-Aktion 20.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22006&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v0tBQIZvvTvJKHhTWpp-mWWnIR-kWpKZ9EQY6Zmcpr1lM-BJgG0hTqO4rk28Iq2Za3y0MUDXZbuTUT1hFWSb0g" />
    <input value="22006" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/energieriegel-lifebar-inchoco-orange-raw-bio-40-g-mhd-aktion-21-09-2026-22008">
          <img alt="Energieriegel Lifebar inChoco Orange Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4117/file/small-3b169738e68ac2a0675d44778abf7bee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4117/file/large-5f34325881ea37072a4ce6e927af0ad6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.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">Lifefood</p>
          <a href="/de/products/energieriegel-lifebar-inchoco-orange-raw-bio-40-g-mhd-aktion-21-09-2026-22008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energieriegel Lifebar inChoco Orange Raw Bio, 40 g (MHD-Aktion 21.09.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.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22008&quot;],&quot;content_name&quot;:&quot;Energieriegel Lifebar inChoco Orange Raw Bio, 40 g (MHD-Aktion 21.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22008&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q-Zp_drw7KVSxX0zJr0Tn1JU72gtGWQfGPxTGETAUTxxnsj03PJw0DhVqy3ABcCfXI96RsmUkz1_6XaQyDhsUw" />
    <input value="22008" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/zwiebelschmelz-glutenfrei-bio-150-g-mhd-aktion-22-09-2026-22009">
          <img alt="Zwiebelschmelz glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7525/file/small-18a41df4b43813d3ddb364642e8fb4c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.webp 900w, https://assets.fabulous.ch/public/variant_asset/7525/file/large-28848f3d0733821053ba2d3a00aaabf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.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">Zwergenwiese</p>
          <a href="/de/products/zwiebelschmelz-glutenfrei-bio-150-g-mhd-aktion-22-09-2026-22009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwiebelschmelz glutenfrei Bio, 150 g (MHD-Aktion 22.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22009&quot;],&quot;content_name&quot;:&quot;Zwiebelschmelz glutenfrei Bio, 150 g (MHD-Aktion 22.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22009&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qKq8GWIDZw4z5khRmpbT5eNKQyRd7EZx2UNdkwyqynVy0h0QZAH7e1l2nk98LgDl7ZHWCrlhsVO-VngbgFL3Gg" />
    <input value="22009" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/nackthafer-bio-1-kg-mhd-aktion-22-09-2026-22010">
          <img alt="Nackthafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7565/file/small-feb561e7f9a89b54e12b846a2b1c2b24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7565/file/medium-e5e966965cabef1dd16064fbda57cd0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7565/file/large-c213649047aef3a6560094adb7063193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7565/file/medium-e5e966965cabef1dd16064fbda57cd0f.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">Spielberger Mühle</p>
          <a href="/de/products/nackthafer-bio-1-kg-mhd-aktion-22-09-2026-22010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nackthafer Bio, 1 kg (MHD-Aktion 22.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22010&quot;],&quot;content_name&quot;:&quot;Nackthafer Bio, 1 kg (MHD-Aktion 22.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22010&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sbf3Evd5vu5oSkjoJ4eNveRjLBRHQns1txHdW-msXv1rz1Yb8XsimwLanvbBP1696ri5OqPPjBfQBPjTZVRjkg" />
    <input value="22010" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/peak-punk-haferriegel-chocolate-peanut-bio-60-g-mhd-aktion-12-09-2026-22012">
          <img alt="Peak Punk Haferriegel Chocolate Peanut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6442/file/small-ea1bad4ec00127bcac06293e90ada00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6442/file/large-7eb291f011c30bc3c4e59f42ba934609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-chocolate-peanut-bio-60-g-mhd-aktion-12-09-2026-22012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Chocolate Peanut Bio, 60 g (MHD-Aktion 12.09.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.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22012&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Chocolate Peanut Bio, 60 g (MHD-Aktion 12.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22012&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iOEgAKEhNZ1dSuvoen3z3-45021qfrvlqtvql-S55I5SmYEJpyOp6DfaPfacxSDf4OJGQ47zTMfNzs8faEHZ4Q" />
    <input value="22012" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/raps-kernol-bio-500-ml-mhd-aktion-18-09-2026-22013">
          <img alt="Raps Kernöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5493/file/small-b777c03b8f853928947e8b8465a73ff5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5493/file/large-2a7f4d60ceb6ca846d6e12492dc1e235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.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">Die kleine Mühle</p>
          <a href="/de/products/raps-kernol-bio-500-ml-mhd-aktion-18-09-2026-22013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raps Kernöl Bio, 500 ml (MHD-Aktion 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22013&quot;],&quot;content_name&quot;:&quot;Raps Kernöl Bio, 500 ml (MHD-Aktion 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22013&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6ofI_Gmcf_Ai3qgrdxQ3-svaNZGnqCXKn7FeYTc9Jih0r4q96TtiqobrL5LZIPf5fT9-KITV7VNa-DxCCTJ9w" />
    <input value="22013" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/mitocell-vitamin-c-komplex-60-kapseln-22014">
          <img alt="Mitocell Vitamin-​C Komplex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11582/file/small-66a3e01286f7b5287a187008f8a289ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11582/file/medium-910677b937a0f99cd306b8b8b233ea4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11582/file/large-f72274946a2759f9f9c3d21e264a9655.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11582/file/medium-910677b937a0f99cd306b8b8b233ea4c.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">MitoSana</p>
          <a href="/de/products/mitocell-vitamin-c-komplex-60-kapseln-22014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mitocell Vitamin-​C Komplex, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22014&quot;],&quot;content_name&quot;:&quot;Mitocell Vitamin-​C Komplex, 60 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22014&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:37.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLqOVkSrDMTgYuckVHdNhM23qiuYG9ZASB0hpwqZ9EUWwi9fQqmQsYryMTqyz56Ew2w_BXyWIWIvCAQvhmHJKg" />
    <input value="22014" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/nonchalant-gemusebouillon-200-ml-22015">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11583/file/small-81225bf4333f8e9a9a0fbf83c9923152.webp 600w, https://assets.fabulous.ch/public/variant_asset/11583/file/medium-b08bd3315aa03b15da195c12812820ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/11583/file/large-8633c3b7e6fdd14f98f39851bed3524d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11583/file/medium-b08bd3315aa03b15da195c12812820ad.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">Nonchalant Rocks</p>
          <a href="/de/products/nonchalant-gemusebouillon-200-ml-22015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 200 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 6.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22015&quot;],&quot;content_name&quot;:&quot;Nonchalant Gemüsebouillon, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22015&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="gA83lz342Fdi7AKWDPQvY4gQK1lmx0m5uJFERZnzh1pad5aeO_pEIgh81IjqTPxjhsu-d4JKvpvfhGHNFQu6NQ" />
    <input value="22015" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/nonchalant-gemusebouillon-750-ml-22016">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11584/file/small-ee26515f0e44fa518a18406c06ddc364.webp 600w, https://assets.fabulous.ch/public/variant_asset/11584/file/medium-67427302ccfb94471ea740096a9fc384.webp 900w, https://assets.fabulous.ch/public/variant_asset/11584/file/large-f53d9cd0010ba78dbbb757614669ead9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11584/file/medium-67427302ccfb94471ea740096a9fc384.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">Nonchalant Rocks</p>
          <a href="/de/products/nonchalant-gemusebouillon-750-ml-22016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22016&quot;],&quot;content_name&quot;:&quot;Nonchalant Gemüsebouillon, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22016&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s-teW6KCGWV3H-81uokwY64XkuFbWDDsVgPpN3L9x-Rpk_9SpICFEB2POStcMeNjoMwHz7_Vx84xFsy__gX6iw" />
    <input value="22016" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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/the-one-pot-mischig-160-g-22017">
          <img alt="The One Pot Mischig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11585/file/small-752e5261869808cf0bd927417b95e564.webp 600w, https://assets.fabulous.ch/public/variant_asset/11585/file/medium-65ddf51b22fa7d1c7bccead410b92446.webp 900w, https://assets.fabulous.ch/public/variant_asset/11585/file/large-e6c48b73fef3f204938c9082c3c2f766.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11585/file/medium-65ddf51b22fa7d1c7bccead410b92446.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">Nonchalant Rocks</p>
          <a href="/de/products/the-one-pot-mischig-160-g-22017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">The One Pot Mischig, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22017&quot;],&quot;content_name&quot;:&quot;The One Pot Mischig, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22017&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n8PDd8p6OePUuDgTpfX2Toe46hMj_0QPiikpuxztbNlFu2J-zHillr4o7g1DTSVOiWN_Pcdysy3tPAwzkBVRtg" />
    <input value="22017" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-mhd-aktion-30-08-2026-22018">
          <img alt="Kokosmilch mit Joghurt Kulturen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1239/file/small-3eed17ccad2513428f3ffea57a457252.webp 600w, https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.webp 900w, https://assets.fabulous.ch/public/variant_asset/1239/file/large-a63165455761ef815c12f838758296fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-mhd-aktion-30-08-2026-22018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g (MHD-Aktion 30.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22018&quot;],&quot;content_name&quot;:&quot;Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g (MHD-Aktion 30.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22018&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O0_jkP_BgVNQwWcPElOON_XXa5z8TuQFjkGzqm1Z49LhN0KZ-cMdJjpRsRH06103-wz-shjDEyfpVJYi4aHevQ" />
    <input value="22018" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-mhd-aktion-30-08-2026-22019">
          <img alt="Kokosmilch mit Joghurt Kulturen Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1238/file/small-e84c126f6d959b85a3758a31986d90ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1238/file/large-95167d588932a83703f37c05ac4e4a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-mhd-aktion-30-08-2026-22019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Vanille Bio, 125 g (MHD-Aktion 30.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22019&quot;],&quot;content_name&quot;:&quot;Kokosmilch mit Joghurt Kulturen Vanille Bio, 125 g (MHD-Aktion 30.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22019&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tBbAVHh-Gnw14AEAI1adSHA3WQu4G9cWTTrPKntAzc4qPoIV-NkHJpHVhrmNYl1LxtISsptmH4-Ic60JRU-WA" />
    <input value="22019" 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%2Fprimeal%3Fformat%3Dturbo_stream%26page%3D178">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sojade-so-soya-passion-fruit-himbeer-maracuja-bio-400-g-mhd-aktion-30-08-2026-22020">
          <img alt="Sojade So Soya! Passion Fruit Himbeer Maracuja, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2197/file/small-ac884cb4a3d3a09f84010ab7e5ad357c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2197/file/medium-b5923c66bd05704e21915d727f2593ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/2197/file/large-c39637d078a1ed22ef6569ba0659f4fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2197/file/medium-b5923c66bd05704e21915d727f2593ca.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">Sojade</p>
          <a href="/de/products/sojade-so-soya-passion-fruit-himbeer-maracuja-bio-400-g-mhd-aktion-30-08-2026-22020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Passion Fruit Himbeer Maracuja, Bio, 400 g (MHD-Aktion 30.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.50</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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22020&quot;],&quot;content_name&quot;:&quot;Sojade So Soya! Passion Fruit Himbeer Maracuja, Bio, 400 g (MHD-Aktion 30.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22020&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="dWnR7stpUse8L7mIJ6YEhC1yyJ04PP2rWYGN_nuuPAqvEXDnzWvOsta_b5bBHteEI6lds9yxCok-lKh291YBZQ" />
    <input value="22020" 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;560 von 3&#39;594 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/primeal?format=turbo_stream&amp;page=179">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>