<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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/solid-travel-set-20-g-18028">
          <img alt="Solid Travel Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8971/file/small-067f2416e55c3e7cf3aee25c1cd1de3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8971/file/large-e74936551da4dd39804e514904ecbdaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.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">No Bullsh!t</p>
          <a href="/de/products/solid-travel-set-20-g-18028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Travel Set, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18028&quot;],&quot;content_name&quot;:&quot;Solid Travel Set, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18028&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oqy7UKk5_CXvntqvO6-GuRroe-xJZ5anLXW1HJ_bF5w1mPMgQ1Jub87wjk9ynpC6IEi7rNW88fF8OHlvLnIwew" />
    <input value="18028" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/solid-body-hair-18029">
          <img alt="Solid Body&amp;Hair Vacation" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8973/file/small-4557b89a164f97eb386a454417583eec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.webp 900w, https://assets.fabulous.ch/public/variant_asset/8973/file/large-ea8bb7ae4fa5d895b6e8e7758816aa7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.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">No Bullsh!t</p>
          <a href="/de/products/solid-body-hair-18029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Body&amp;Hair Vacation, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18029&quot;],&quot;content_name&quot;:&quot;Solid Body\u0026Hair Vacation, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18029&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ExrkQJF1vqske1tKHsP8MV6C56M2QorlQOkH_GNQDryELqwwex4s4QUVD6pX8uoyZCIn46qZ7bMRpMuP0vkpWw" />
    <input value="18029" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/shower-cube-60-g-18030">
          <img alt="Shower Cube Niagara" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8976/file/small-1287d28cb7179dbbac76e02577182c65.webp 600w, https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.webp 900w, https://assets.fabulous.ch/public/variant_asset/8976/file/large-dd3c91dec206be0269c5bc402ab4fc78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.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">No Bullsh!t</p>
          <a href="/de/products/shower-cube-60-g-18030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shower Cube Niagara, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18030&quot;],&quot;content_name&quot;:&quot;Shower Cube Niagara, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18030&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vUx3q_9kmZMm50fJrCwohhwd8aYXOB6dczFfiO93dP4qeD_bFQ8L2QeJEynlHT6FJr0x5ovjecsifJP7Xt5TGQ" />
    <input value="18030" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/solid-shampoo-bluemlisalp-60-g-18033">
          <img alt="Solid Shampoo Blüemlisalp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8985/file/small-e9e558eecf48c74b221afbdadb7c5860.webp 600w, https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8985/file/large-dd1e1b2a43bc2ac67eb3fa784a261193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.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">No Bullsh!t</p>
          <a href="/de/products/solid-shampoo-bluemlisalp-60-g-18033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Shampoo Blüemlisalp, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18033&quot;],&quot;content_name&quot;:&quot;Solid Shampoo Blüemlisalp, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18033&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8SMmF6U0RAEgqRD-ItqjgclNlNO9up6YViwRNgAdwW1mF25nT1_WSwHHRB5r67WC8-1UkyFh-c4HYd1FsbTmig" />
    <input value="18033" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/solid-shampoo-60-g-18032">
          <img alt="Solid Shampoo Mythen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8982/file/small-d39ae75ac6527a2d1476d3b6c5a91034.webp 600w, https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8982/file/large-1c56110e0e6ae0dff85dd6953a035968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.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">No Bullsh!t</p>
          <a href="/de/products/solid-shampoo-60-g-18032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Shampoo Mythen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18032&quot;],&quot;content_name&quot;:&quot;Solid Shampoo Mythen, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18032&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uk2HlkeFskd5T4phcjEF9jY7l_XGn7_aG_s0M7JjboTFec_mre4gDVgh3oE7ABP1DJtXtVpE2IxKtvhAA8pJYw" />
    <input value="18032" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-cream-tangy-no-bullsh-t-plastikfrei-50-ml-18027">
          <img alt="Deo Cream Tangy No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8988/file/small-240eda477206c7dcbcf9eb2e418b47ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8988/file/large-468c6d89a93896ecce4abd49144a9c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-tangy-no-bullsh-t-plastikfrei-50-ml-18027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Tangy No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18027&quot;],&quot;content_name&quot;:&quot;Deo Cream Tangy No Bullsh!t #plastikfrei, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18027&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Am8qCew__PoYjsaorOG0pVVjYXWoTxVwufKj7D_Y5yeVW2J5BlRusDngkkjl0KKmb8OhNTSUcibov2-fjnHAwA" />
    <input value="18027" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
          <img alt="Pasta Soja Vollkorn Spiralen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Soja Vollkorn Spiralen Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4345&quot;],&quot;content_name&quot;:&quot;Pasta Soja Vollkorn Spiralen Teigwaren Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4345&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="sfMKFCW1xda0j-etmb-NPrpV0T7FyMgi1j8AP97JpvQmx0Jkz95XnJXhs03Qjps9gPURflkTr3SHcsxMb2CBEw" />
    <input value="4345" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/pesto-rosso-bio-120-g-38531025-e69a-44d1-a160-0f2f4b4931c6-15546">
          <img alt="Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7098/file/small-8b3b4146bddd200415d6e326fd2ddc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7098/file/large-115d62ca6dd6f92bd10486293f7e1452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.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/pesto-rosso-bio-120-g-38531025-e69a-44d1-a160-0f2f4b4931c6-15546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Rosso Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15546&quot;],&quot;content_name&quot;:&quot;Pesto Rosso Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15546&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6vlnHxXTgAi44erLYfGoAfRI1832U9TZtPFj6CkydVJ9zS9v_7gSQpmPvisowL4CzugXjWqIs4_lvK-bmJtStQ" />
    <input value="15546" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/shampoo-hanf-normales-haar-bio-500-ml-14885">
          <img alt="Shampoo Hanf Normales Haar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6821/file/small-5c63720618982c16306f03694c58ab07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6821/file/large-48bcecf82c8c57db82e8037e10de6f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.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">benecos</p>
          <a href="/de/products/shampoo-hanf-normales-haar-bio-500-ml-14885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Hanf Normales Haar Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14885&quot;],&quot;content_name&quot;:&quot;Shampoo Hanf Normales Haar Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14885&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HIcToaSkOXRF_fF3rmeNrINWe8zsIiks0tBIZQ5q3GOLs1vRTs-rPmSTpZfnVpuvufa7jHD5TnqDnYQWv8P7hA" />
    <input value="14885" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/duschgel-2in1-bio-gin-500-ml-12308">
          <img alt="Duschgel 2in1 Bio-Gin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6184/file/small-9d54cc5f4b4fe8ca4c025cfd3ba488d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6184/file/large-c56688629752e4f39a82e855721ecb61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.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">benecos</p>
          <a href="/de/products/duschgel-2in1-bio-gin-500-ml-12308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duschgel 2in1 Bio-Gin, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12308&quot;],&quot;content_name&quot;:&quot;Duschgel 2in1 Bio-Gin, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ayWiPRchw_ywMAHqRA71Rv_pC2bFGH-ZyMG560bnIlOmN74HjcVRdOulOfgIS3WIV9kbQfPBqg2bsqUHLK7bg" />
    <input value="12308" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/duschgel-bio-lavendel-500-ml-12312">
          <img alt="Duschgel Bio-Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6189/file/small-04ac2bb2e868b016b2579abee2514db5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.webp 900w, https://assets.fabulous.ch/public/variant_asset/6189/file/large-91c52235913960d271b4dbaef8c1aea9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.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">benecos</p>
          <a href="/de/products/duschgel-bio-lavendel-500-ml-12312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duschgel Bio-Lavendel, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12312&quot;],&quot;content_name&quot;:&quot;Duschgel Bio-Lavendel, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12312&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oIXSEi_x2NL4ZixYAtVif3wgiG0NH-7E33YtPyLGyRM3sZpixZpKmNkIeLhL5HR8RoBILZHEiZKOO-FMk2_u9A" />
    <input value="12312" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/augenbrauen-stift-designer-braun-1-13g-1-stuck-610">
          <img alt="Augenbrauen Stift Designer Braun, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/559/file/small-f3f5491209e6d6e93d9f1d6c4bb5ffca.webp 600w, https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp 900w, https://assets.fabulous.ch/public/variant_asset/559/file/large-e317e04175d54560cf777f925750dcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.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">benecos</p>
          <a href="/de/products/augenbrauen-stift-designer-braun-1-13g-1-stuck-610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauen Stift Designer Braun, 1,13g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;610&quot;],&quot;content_name&quot;:&quot;Augenbrauen Stift Designer Braun, 1,13g, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;610&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v_vXkZiPNHHoxdWfwwtqmfYnA3Dz94ZGe2WbpgrxLAEoz5_hcuSmO8mrgX-KOnyazIfDMG8s4RAqKFfVu1gL5g" />
    <input value="610" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/tortilla-chips-sea-salt-bio-150-g-11128">
          <img alt="Tortilla Chips Sea Salt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5696/file/small-3e4f90c76a0e9a4c6376ec5f898e81cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5696/file/large-bb96f46a266cd52e6e28f2f2ba9eb7fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.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-sea-salt-bio-150-g-11128">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Chips Sea Salt Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </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-11128-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11128&quot;],&quot;content_name&quot;:&quot;Tortilla Chips Sea Salt Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11128&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KG3Yt9GUrZOyiBRIsqqIeKS1P5eyBUWylhcOMm09UHW_WZDHO_8_2ZPmQKj7m557nhX_1y7eIuTHWsJB3JR3kg" />
    <input value="11128" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/zuckerrohrmelasse-bio-300-g-7615">
          <img alt="Zuckerrohrmelasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4402/file/small-4e0c883f2e467b5210673c084491ba63.webp 600w, https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4402/file/large-310eec6c8019f68180d5fb3b6a0a510b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.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">VITAM</p>
          <a href="/de/products/zuckerrohrmelasse-bio-300-g-7615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zuckerrohrmelasse Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7615&quot;],&quot;content_name&quot;:&quot;Zuckerrohrmelasse Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lDr_Q5hW5yhMj4OF6lNKqq87_gv7H2wbnjgsex6oxT0DDrczcj11Ym3h12WjYlyplZs-S2fEC03PdeAIrwHi2g" />
    <input value="7615" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/wurzsauce-sambal-oelek-scharf-bio-125-g-3350">
          <img alt="Würzsauce Sambal Oelek Scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2227/file/small-89d99971d04fbaa212a8d7a4ba94ae9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2227/file/medium-4c34e3fdd1f7ffa271d4108f9be1517e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2227/file/large-c4220a6285997911d7ebbb8d05b08cf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2227/file/medium-4c34e3fdd1f7ffa271d4108f9be1517e.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">Sanchon</p>
          <a href="/de/products/wurzsauce-sambal-oelek-scharf-bio-125-g-3350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Würzsauce Sambal Oelek Scharf Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3350&quot;],&quot;content_name&quot;:&quot;Würzsauce Sambal Oelek Scharf Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3350&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vB_06HT_rIk7joSdHgN1MkXAlQpAKF7f0o7_ucI1OnsrK7yYnpQ-wxrg0H1XMmMxf2BVStzzOYmDwzPKc5wdnA" />
    <input value="3350" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mein-vanille-pudding-bio-36-g-6925">
          <img alt="Mein Vanille Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4006/file/small-08cc91d224732c9b9b549aedbd06a0a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4006/file/medium-b73891a0e76a55329ab7782ef14eab2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4006/file/large-d47621e546809fd65540543d37844f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4006/file/medium-b73891a0e76a55329ab7782ef14eab2b.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-vanille-pudding-bio-36-g-6925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Vanille Pudding Bio, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6925&quot;],&quot;content_name&quot;:&quot;Mein Vanille Pudding Bio, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6925&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="aDpjn2QJzkSRrG71X4YgdplcDwr-GnF7cmxXNrO1Z-3_DivvjmJcDrDCOhUWtzZ1o_zPSmLBFi0jIZtFAhxACg" />
    <input value="6925" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/schlagcreme-pulver-bio-54-g-7861">
          <img alt="Schlagcreme Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4594/file/small-452979f4ae6b586b1653416efe46ed0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4594/file/medium-1cefd762d0c28117a3f3fea38b2804b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4594/file/large-d47907def9643f23eb1a9c9b5545fbe7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4594/file/medium-1cefd762d0c28117a3f3fea38b2804b0.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/schlagcreme-pulver-bio-54-g-7861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagcreme Pulver Bio, 54 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7861&quot;],&quot;content_name&quot;:&quot;Schlagcreme Pulver Bio, 54 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7861&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vQQMewnkvHjeyTAaXTa_wlfgjrUQBodH9HBnjfH3pR8qMEQL448uMv-nZPoUB6nBbUBO9Yzd4BGlPav-QF6C-A" />
    <input value="7861" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/completeorganics-smoky-jalapeno-kraut-bio-210-g-10936">
          <img alt="completeorganics SMOKY JALAPENO KRAUT Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5651/file/small-35ef485a20d2a25058424846ab7eb1f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5651/file/medium-06d08a8131e21ccd9195650b701f13dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5651/file/large-e97eefc66c278d87b2d3960e63bffe7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5651/file/medium-06d08a8131e21ccd9195650b701f13dd.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">completeorganics</p>
          <a href="/de/products/completeorganics-smoky-jalapeno-kraut-bio-210-g-10936">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics SMOKY JALAPENO KRAUT Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10936&quot;],&quot;content_name&quot;:&quot;completeorganics SMOKY JALAPENO KRAUT Bio, 210 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10936&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SEu8kCMjUs9BaaL0AX6ytWqJbdX3V7PcKHtvkvd3rFrff_TgyUjAhWAH9hRIT6S2UCmtlWuM1Ip5NqPhRt6LvQ" />
    <input value="10936" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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/pasta-frisch-vegane-spatzle-teigwaren-bio-500-g-4547">
          <img alt="Pasta Frisch Vegane Spätzle Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.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">Pural</p>
          <a href="/de/products/pasta-frisch-vegane-spatzle-teigwaren-bio-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Frisch Vegane Spätzle Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4547&quot;],&quot;content_name&quot;:&quot;Pasta Frisch Vegane Spätzle Teigwaren Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4547&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pS-bSpUPS9Kc3P_WGLeofCsOCXynxCbyu1neiLrzeKEyG9M6f2TZmL2yqzZRhr5_Ea7JPDsfQaTqFBL7C1pfRg" />
    <input value="4547" 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%2Fmex-al%3Fformat%3Dturbo_stream%26page%3D77">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-cream-royal-no-bullsh-t-plastikfrei-50-ml-6813">
          <img alt="Deo Cream Royal No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-royal-no-bullsh-t-plastikfrei-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Royal No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
      1&#39;540 von 3&#39;522 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/mex-al?format=turbo_stream&amp;page=78">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>