<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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/iss-mir-nicht-wurst-t-vurst-bio-135-g-mhd-aktion-22-10-2026-22288">
          <img alt="Iss mir nicht Wurst T-Vurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5890/file/small-8ea61b7bc4cf192a38cac6f2bab14efe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.webp 900w, https://assets.fabulous.ch/public/variant_asset/5890/file/large-f44a58a68bc3c8abbe56f6ec9ff4123f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.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">Allos</p>
          <a href="/de/products/iss-mir-nicht-wurst-t-vurst-bio-135-g-mhd-aktion-22-10-2026-22288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Iss mir nicht Wurst T-Vurst Bio, 135 g (MHD-Aktion 22.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22288&quot;],&quot;content_name&quot;:&quot;Iss mir nicht Wurst T-Vurst Bio, 135 g (MHD-Aktion 22.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVXh0mb_vvryEkMFIq44AngQfF66VYMZ_Qz4TaXaMcIr0PIOjoVdZkufIQEVlkDYz5WzU-jER1mc3Si2fn52EQ" />
    <input value="22288" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/fruchtgarten-waldbeere-bio-225-g-mhd-aktion-23-10-2026-22289">
          <img alt="Fruchtgarten Waldbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.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/fruchtgarten-waldbeere-bio-225-g-mhd-aktion-23-10-2026-22289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Waldbeere Bio, 225 g (MHD-Aktion 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22289&quot;],&quot;content_name&quot;:&quot;Fruchtgarten Waldbeere Bio, 225 g (MHD-Aktion 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gcgLpQmloUKDWSKWU_HlEzknaEo2_l_JCFVIufcQBar_TRh54d9C3jrUQJJkyZ3JjqKnR2Rvm4lphJhCLLRCeQ" />
    <input value="22289" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    32 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chips-biosaurus-babe-ketchup-bio-50-g-mhd-aktion-17-10-2026-22290">
          <img alt="Chips Biosaurus Babe Ketchup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5161/file/small-5ea13d56ecd2fd766951891055a3b526.webp 600w, https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5161/file/large-6051789ddf94d2f02eccf3d58f77dfe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.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">BioSaurus</p>
          <a href="/de/products/chips-biosaurus-babe-ketchup-bio-50-g-mhd-aktion-17-10-2026-22290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Biosaurus Babe Ketchup Bio, 50 g (MHD-Aktion 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22290&quot;],&quot;content_name&quot;:&quot;Chips Biosaurus Babe Ketchup Bio, 50 g (MHD-Aktion 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22290&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="8JpHgs07vzAcaWhlwbveYXHEU4oUlVviZBegfIOR-bWOH1ReJUFcrKXkCmH2g6a7xkGch0YEn6IFxnCHWDW-Zg" />
    <input value="22290" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/le-pain-des-fleurs-blumenbrot-zwiebel-bio-150-g-mhd-aktion-23-10-2026-22291">
          <img alt="Le pain des fleurs Blumenbrot Zwiebel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-zwiebel-bio-150-g-mhd-aktion-23-10-2026-22291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Zwiebel Bio, 150 g (MHD-Aktion 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22291&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Blumenbrot Zwiebel Bio, 150 g (MHD-Aktion 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="62Wu129i-Aul-pHLQ4KY5uGbGcPie2Jprvlu4gfI0D2V4L0Lhxgblxx38890uuA8Vh7WzrDqpinPKL4Z3GyX7g" />
    <input value="22291" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    41 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tortilla-chips-trikkis-fuego-bites-bio-90-g-mhd-aktion-16-10-2026-22292">
          <img alt="Tortilla Chips Trikkis Fuego Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11175/file/small-7034332b73301a946e0c8e64ca280c35.webp 600w, https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.webp 900w, https://assets.fabulous.ch/public/variant_asset/11175/file/large-9a48d9c29615301dd3c04d6db54506a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.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">MiAdelita</p>
          <a href="/de/products/tortilla-chips-trikkis-fuego-bites-bio-90-g-mhd-aktion-16-10-2026-22292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Chips Trikkis Fuego Bites Bio, 90 g (MHD-Aktion 16.10.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 2.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22292&quot;],&quot;content_name&quot;:&quot;Tortilla Chips Trikkis Fuego Bites Bio, 90 g (MHD-Aktion 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22292&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="e8o_l-WFaiUxkvpygcleHCOxl4tAcDg9HpodZIdPFz4FTyxLDf-JuYgfmHa28SbGlDRYhhLh_H1_S82fXOtQ7Q" />
    <input value="22292" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    60 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnuss-lackerli-duo-bio-35-g-mhd-aktion-29-09-2026-22293">
          <img alt="Baumnuss-Läckerli Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/baumnuss-lackerli-duo-bio-35-g-mhd-aktion-29-09-2026-22293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnuss-Läckerli Duo Bio, 35 g (MHD-Aktion 29.09.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 1.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22293&quot;],&quot;content_name&quot;:&quot;Baumnuss-Läckerli Duo Bio, 35 g (MHD-Aktion 29.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TTKVFCW1VQxLVTkO40xfcdHIFaAKvvgPi9pYHWdgTpYzt4bIzc-2kPLYWwrUdCerZk3arVgvPE_qC4jmvMQJRQ" />
    <input value="22293" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/beet-jerky-randen-snack-alpen-chili-bio-40-g-mhd-aktion-11-10-2026-22294">
          <img alt="Beet Jerky Randen Snack Alpen-Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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/beet-jerky-randen-snack-alpen-chili-bio-40-g-mhd-aktion-11-10-2026-22294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Randen Snack Alpen-Chili Bio, 40 g (MHD-Aktion 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.75</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 14.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22294&quot;],&quot;content_name&quot;:&quot;Beet Jerky Randen Snack Alpen-Chili Bio, 40 g (MHD-Aktion 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22294&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="-GhJKm6vWe5uILrcMifVRa0wcLn-aqdTYyvLkB_97oaG7Vr2htW6ctet2NgFH62fGrW_tKz7YxMC-htrxFmpVQ" />
    <input value="22294" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/hamburger-brotchen-mit-sesam-bio-60-g-mhd-aktion-16-10-2026-22296">
          <img alt="Hamburger Brötchen mit Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7648/file/small-49a81953381f895873d0ce13134cafc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.webp 900w, https://assets.fabulous.ch/public/variant_asset/7648/file/large-1a67e31e0f376daa84ea39843fafd2f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.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">Nur Puur</p>
          <a href="/de/products/hamburger-brotchen-mit-sesam-bio-60-g-mhd-aktion-16-10-2026-22296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hamburger Brötchen mit Sesam Bio, 60 g (MHD-Aktion 16.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.10</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 8.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22296&quot;],&quot;content_name&quot;:&quot;Hamburger Brötchen mit Sesam Bio, 60 g (MHD-Aktion 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22296&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="1yUHr7sKlblx20SkyDn8hwxluG8GS78YR5AVS8nCnNqpoBRzU3B2JchWJqD_AYRdu-B3YlTae1gmQcWwEmbbCQ" />
    <input value="22296" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    24 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/roobar-schokoladenriegel-haselnuss-bio-30-g-mhd-aktion-26-10-2026-22299">
          <img alt="Roobar Schokoladenriegel Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/de/products/roobar-schokoladenriegel-haselnuss-bio-30-g-mhd-aktion-26-10-2026-22299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roobar Schokoladenriegel Haselnuss Bio, 30 g (MHD-Aktion 26.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22299&quot;],&quot;content_name&quot;:&quot;Roobar Schokoladenriegel Haselnuss Bio, 30 g (MHD-Aktion 26.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4n0DzeUlQRFW0MB8LcK1cn7CqwIG9QXs8GPqPHW5rYGc-BARDV-ije9donga-s2oyUdkD1RkwayRsjrHrh3qUg" />
    <input value="22299" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/nussmischung-deluxe-mit-meersalz-2805-g-22301">
          <img alt="Nussmischung Deluxe mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11781/file/small-43271f2036999f5dff58a832c642781b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.webp 900w, https://assets.fabulous.ch/public/variant_asset/11781/file/large-08519b86cd974d9019d493eafea48461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.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">Stoli GmbH</p>
          <a href="/de/products/nussmischung-deluxe-mit-meersalz-2805-g-22301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmischung Deluxe mit Meersalz, 2805 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22301&quot;],&quot;content_name&quot;:&quot;Nussmischung Deluxe mit Meersalz, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22301&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wmOLKoyqbILhWBp0e60EZv2qmJt9Vo2WfuSV14u_nHy85pj2ZNCPHljVeHBMlXy8Si9Xli_HSdYfNUUsUBvbrw" />
    <input value="22301" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/nuss-mix-deluxe-ungesalzen-2805-g-22302">
          <img alt="Nuss-Mix Deluxe Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11782/file/small-12fc67cd2eb1e31c147cd1ec238f9a21.webp 600w, https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11782/file/large-e73c23891354af7144a0829fb63d9b62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.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">Stoli GmbH</p>
          <a href="/de/products/nuss-mix-deluxe-ungesalzen-2805-g-22302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuss-Mix Deluxe Ungesalzen, 2805 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22302&quot;],&quot;content_name&quot;:&quot;Nuss-Mix Deluxe Ungesalzen, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yrQePcKvQ2PaaZV0w8PceflrTy3PTNghRb-kU-mneaC0MQ3hKtWg_2Pk93D0-6SjTu6AIJ3dHGEkbnSoMgM-cw" />
    <input value="22302" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/baumnusse-mit-meersalz-2005-g-22303">
          <img alt="Baumnüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11783/file/small-d1a900af2db4d17ec1038d2eedae24ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/11783/file/medium-4dd72a614a30f66f4ae9e66c422150dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11783/file/large-00e4d8c4475e895cb01b3af61a4f838e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11783/file/medium-4dd72a614a30f66f4ae9e66c422150dc.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">Stoli GmbH</p>
          <a href="/de/products/baumnusse-mit-meersalz-2005-g-22303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse mit Meersalz, 2005 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 84.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22303&quot;],&quot;content_name&quot;:&quot;Baumnüsse mit Meersalz, 2005 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22303&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:84.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u-J3qOwTuj5ZLwDZVBFBgmhbSOV1wYrFA9RjTQRBcQPFZ2R0BGlZouCiYt1jKTlY396H6CdQToViBbO23-U20A" />
    <input value="22303" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/cashewkerne-ungesalzen-2963-g-22304">
          <img alt="Cashewkerne Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11784/file/small-debb60c489444b08bd275fb9357b70e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11784/file/medium-83ffc1802b7e9e772be654f66950aeff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11784/file/large-3e2710bdf9fdf01849d7a8aad0b4ce16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11784/file/medium-83ffc1802b7e9e772be654f66950aeff.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-ungesalzen-2963-g-22304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne Ungesalzen, 2963 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 124.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22304&quot;],&quot;content_name&quot;:&quot;Cashewkerne Ungesalzen, 2963 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22304&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:124.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1s89Um3hhWjSkKtiJA-2aImD6dShdlvIBcDSXYopr3eoSi6OhZtm9GsdyWYTN86yPgYm2fPnn4hkEQKmUY3opA" />
    <input value="22304" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/cashewkerne-mit-meersalz-2963-g-22305">
          <img alt="Cashewkerne mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11785/file/small-30f2a4cd63dccd9f688342baf03a8882.webp 600w, https://assets.fabulous.ch/public/variant_asset/11785/file/medium-dc4cbf0bf42ab21eece4f1a76433fc53.webp 900w, https://assets.fabulous.ch/public/variant_asset/11785/file/large-f4e06b22e37377edbb1d9a3684ad829c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11785/file/medium-dc4cbf0bf42ab21eece4f1a76433fc53.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-mit-meersalz-2963-g-22305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne mit Meersalz, 2963 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 124.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22305&quot;],&quot;content_name&quot;:&quot;Cashewkerne mit Meersalz, 2963 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22305&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:124.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GvI8osF--IyW4FF8_Sun_SnMxTtQdegUsIvu4IWb3oVkdy9-KQQbEC9tM3jKE98nnkkKNgLkLFTRWj4bXj-ZVg" />
    <input value="22305" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/mandeln-ungesalzen-3604-g-22306">
          <img alt="Mandeln Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11786/file/small-5bd34c2d8bf208491d7870e2b6b1dc00.webp 600w, https://assets.fabulous.ch/public/variant_asset/11786/file/medium-cd9c1e7bd23dd9f1420efe48ff8dca92.webp 900w, https://assets.fabulous.ch/public/variant_asset/11786/file/large-c958bb6cb522b5862a11aa0c75a5dda8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11786/file/medium-cd9c1e7bd23dd9f1420efe48ff8dca92.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-ungesalzen-3604-g-22306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Ungesalzen, 3604 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22306&quot;],&quot;content_name&quot;:&quot;Mandeln Ungesalzen, 3604 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22306&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mWvfrWje2EiHOZ90IlTmz-5cmSXvXhNcF2thKI8sbZPn7sxxgKQ71D60_XAVbJ4VWdlWKL3P1xx2urHTVIgqQA" />
    <input value="22306" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/mandeln-mit-meersalz-3604-g-22307">
          <img alt="Mandeln mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11787/file/small-ac87ede1c9db5ef43fa892cfba4f02a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11787/file/medium-45e41b2915cdbcbe35ed0e45b022c0b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11787/file/large-4ba0c96971d850593ade2ce2af4b45ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11787/file/medium-45e41b2915cdbcbe35ed0e45b022c0b5.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-mit-meersalz-3604-g-22307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln mit Meersalz, 3604 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22307&quot;],&quot;content_name&quot;:&quot;Mandeln mit Meersalz, 3604 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DdvI_pyjRkuRS3aYCvQcd0H07TwWVTqaBPhNRnUCQBpzXtsidNml1yjGFJw9zGSt9nEiMUTE_tplKZ29rqYHyQ" />
    <input value="22307" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/barbecue-grill-set-dips-110-g-mhd-aktion-04-10-2026-22308">
          <img alt="Barbecue Grill-Set Dips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7051/file/small-6651f58ae2d3658b1c35fc5490372526.webp 600w, https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7051/file/large-1e642e396b9d93e59a68f8129f90adae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.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">BUFIS</p>
          <a href="/de/products/barbecue-grill-set-dips-110-g-mhd-aktion-04-10-2026-22308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barbecue Grill-Set Dips, 110 g (MHD-Aktion 04.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 13.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.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 12.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22308&quot;],&quot;content_name&quot;:&quot;Barbecue Grill-Set Dips, 110 g (MHD-Aktion 04.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lg_5lZi7i-VUm3vH5OTdlCHALmYlgsd1buM_7GvRKffoiupJcMFoee0WGcPT3KVOlkXha3cTAzUPMu8XsHVuJA" />
    <input value="22308" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/frisch-kichererbsencurry-mit-basmatireis-bio-450-g-22313">
          <img alt="Frisch: Kichererbsencurry mit Basmatireis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11802/file/small-e77a0eea86911bc78e86774588f26de7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11802/file/medium-5e9c86a5bd773f4a63c7a137e3c70855.webp 900w, https://assets.fabulous.ch/public/variant_asset/11802/file/large-0d94d611e1ed48fd105f7696e338031b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11802/file/medium-5e9c86a5bd773f4a63c7a137e3c70855.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">Jooti</p>
          <a href="/de/products/frisch-kichererbsencurry-mit-basmatireis-bio-450-g-22313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frisch: Kichererbsencurry mit Basmatireis Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22313&quot;],&quot;content_name&quot;:&quot;Frisch: Kichererbsencurry mit Basmatireis Bio, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22313&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:13.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKhp94701kDosm3gSitIQe5tRgEZCTy4KrNN1yGRR9cGLXorZo413FE_D-R9EzCbWeiJDEuY-PhLYp0s-jUABA" />
    <input value="22313" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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/maulbeeren-rohkost-bio-100-g-mhd-aktion-24-10-2026-22319">
          <img alt="Maulbeeren Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7336/file/small-c05a1e23b392d0abb7bae062f7d1258e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7336/file/large-d02a54d85b7651d71a557de265e40a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/maulbeeren-rohkost-bio-100-g-mhd-aktion-24-10-2026-22319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maulbeeren Rohkost Bio, 100 g (MHD-Aktion 24.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22319&quot;],&quot;content_name&quot;:&quot;Maulbeeren Rohkost Bio, 100 g (MHD-Aktion 24.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-dydRYHcpXLGKyKX8hzna8bhQpIIcV0tx3P2qRcXHD6HWY6ZaaZG7n-mQJPFJJ-xcWSNn1rgmW2moiZSzLNb7Q" />
    <input value="22319" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-quark-soja-himbeer-soyananda-bio-125-g-mhd-aktion-29-09-2026-22320">
          <img alt="Vegane Alternative zu Quark Soja Himbeer Soyananda, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2726/file/small-71713c9686f48662735cd443018dd1ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.webp 900w, https://assets.fabulous.ch/public/variant_asset/2726/file/large-b33e4fa0552015fa9649c99a3e83a14d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.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-soja-himbeer-soyananda-bio-125-g-mhd-aktion-29-09-2026-22320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Quark Soja Himbeer Soyananda, Bio, 125 g (MHD-Aktion 29.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 1.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 2.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22320&quot;],&quot;content_name&quot;:&quot;Vegane Alternative zu Quark Soja Himbeer Soyananda, Bio, 125 g (MHD-Aktion 29.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22320&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mX3MNoe6BERt4A6bLdL-ehC9WhrMpV-nZgQ7kRrnqjnn-N_qb8Dn2NRtbJ8a6oagpziVF540m-cH1etqwUPt6g" />
    <input value="22320" 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;720 von 3&#39;732 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bioreal?format=turbo_stream&amp;page=187">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>