<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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-schwarz-xl-1-stuck-22031">
          <img alt="T-Shirt Swissveg schwarz XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11590/file/small-8ec1666cb202d4a38cb8a94a4cec9713.webp 600w, https://assets.fabulous.ch/public/variant_asset/11590/file/medium-649e97075300fa8a0b5034ee01f3831d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11590/file/large-63c57d385fb2c2cd1976fac01d1f3114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11590/file/medium-649e97075300fa8a0b5034ee01f3831d.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-schwarz-xl-1-stuck-22031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg schwarz XL, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22031&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg schwarz XL, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22031&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JgstGAmmgY9nYGnHwO5itve4BJgBC1yoivNm-Za8THGwv2LUG1H73CVuZUR5NAliPKI6aC8aC8ZlVasXhgoRHg" />
    <input value="22031" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-schwarz-m-1-stuck-22032">
          <img alt="T-Shirt Swissveg schwarz M" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11591/file/small-48bf831f91f62484d24149b9919bffaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11591/file/medium-24cad6d4b8d847750ab152cc4d405d39.webp 900w, https://assets.fabulous.ch/public/variant_asset/11591/file/large-38978fadb03e4a280c03aef631cd032c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11591/file/medium-24cad6d4b8d847750ab152cc4d405d39.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-schwarz-m-1-stuck-22032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg schwarz M, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22032&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg schwarz M, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22032&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NDnQ1E1YwXUeOf8JuKDtK_RViPRND8dgiQjf24xZxBSijZ8YX6-7Jlw384oBeob_P0-2BGMekA5mrhI1nO-Zew" />
    <input value="22032" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-schwarz-s-1-stuck-22033">
          <img alt="T-Shirt Swissveg schwarz S" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11592/file/small-3b4019b8440dca751853317636538fe0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11592/file/medium-1bbded8af67b2951a37224d00f557bc5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11592/file/large-ad071e36286e46e2ea71d485833e3c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11592/file/medium-1bbded8af67b2951a37224d00f557bc5.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-schwarz-s-1-stuck-22033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg schwarz S, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-22033-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>


  

  <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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-grun-m-1-stuck-22034">
          <img alt="T-Shirt Swissveg grün M" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11593/file/small-ebd41ecaa429638c58034f6d78b24001.webp 600w, https://assets.fabulous.ch/public/variant_asset/11593/file/medium-6aedac4dcff5304d98bb65766b3caa15.webp 900w, https://assets.fabulous.ch/public/variant_asset/11593/file/large-5dd745b5be586dc0b9fc8c48115a1fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11593/file/medium-6aedac4dcff5304d98bb65766b3caa15.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-grun-m-1-stuck-22034">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg grün M, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22034&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg grün M, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22034&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AT7ZeKr1afRw2UJfG5vz4ECsT0kzlVSDeYbwyQyCaWKXipa0uAITpzLXTtyiQZg0i7ZxuR2EA-2WID0nHDQ0DQ" />
    <input value="22034" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-grun-l-1-stuck-22035">
          <img alt="T-Shirt Swissveg grün L" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11594/file/small-cad13d8a2f3439a31afa747fc94d22dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11594/file/medium-f5f7f0c4122a4a9be3a14db49e0633e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11594/file/large-f835d942e15221b2a6360eb2ba88ac5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11594/file/medium-f5f7f0c4122a4a9be3a14db49e0633e8.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-grun-l-1-stuck-22035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg grün L, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22035&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg grün L, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22035&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vAk7vaHjgC-HEnp4LM8ImrAZHFTQ2dQ_nGtozWACRDIqvXRxsxT6fMUcdvuVFWNOewMipP7Ig1FzzaUjcLQZXQ" />
    <input value="22035" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-grun-xl-1-stuck-22036">
          <img alt="T-Shirt Swissveg grün XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11595/file/small-52d7baaf0dc9fa71bf0f29a7aac006e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11595/file/medium-1b31ed6c209cf333c675525a19557ef0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11595/file/large-5aa3360441fc5dab53d6e660694f694a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11595/file/medium-1b31ed6c209cf333c675525a19557ef0.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-grun-xl-1-stuck-22036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg grün XL, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22036&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg grün XL, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22036&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bH4MEzO4qXzMwVmn8OJ88rZIHQc3xlxodyvDb-JTnvv6ykPfIU_TL47PVSRJOBcmfVIj9xnXCwaYjQ6B8uXDlA" />
    <input value="22036" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-weiss-m-1-stuck-22037">
          <img alt=" T-Shirt Swissveg weiss M" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11596/file/small-ae53b6c6a06e0afd786d1ac447957d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11596/file/medium-2389f851b2c0ee215c1c0347c4e35836.webp 900w, https://assets.fabulous.ch/public/variant_asset/11596/file/large-45166192cb34983cce74dbcf3c5375b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11596/file/medium-2389f851b2c0ee215c1c0347c4e35836.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-weiss-m-1-stuck-22037">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3"> T-Shirt Swissveg weiss M, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22037&quot;],&quot;content_name&quot;:&quot; T-Shirt Swissveg weiss M, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22037&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZU8_fs8gc0RMFnvNtDlE2YdrUbTMJUvYd-ZiuR6twkvIXMx6cv7nlM-VWyPCo7HrQeTtv0hwkGOeVRk9MzqZg" />
    <input value="22037" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-weiss-l-1-stuck-22038">
          <img alt="T-Shirt Swissveg weiss L" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11597/file/small-07e38c2adf97702d9af4b4bfee00f3c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11597/file/medium-78773202ec7b25f5270ac0fdb39c41ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11597/file/large-b7491b05c6c57ce678718e72f31f956f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11597/file/medium-78773202ec7b25f5270ac0fdb39c41ff.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-weiss-l-1-stuck-22038">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg weiss L, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22038&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg weiss L, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22038&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r6WzcvahigT8EvaeNjqkSxLudaKqAjCTdkYOHCSW7qE5Efy-5FbwV74c-h2P4M-f2fRLUoQTZ_2Z4MPyNCCzzg" />
    <input value="22038" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/t-shirt-swissveg-weiss-xl-1-stuck-22039">
          <img alt="T-Shirt Swissveg weiss XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11598/file/small-f8ff33068b46b23589e038b6c3ea6fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11598/file/medium-57147159f7dcae6d3521943e5725e454.webp 900w, https://assets.fabulous.ch/public/variant_asset/11598/file/large-30929c7f1f095c9468f4e975ea54cd61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11598/file/medium-57147159f7dcae6d3521943e5725e454.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-weiss-xl-1-stuck-22039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg weiss XL, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22039&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg weiss XL, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22039&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cGGQQ2CHXrbrJB_WdyYnfMZ9nWjK4XxgqobiPyOzz63m1d-PcnAk5akqE1XO_EyoDWejmOTwKw5FIC_RMwWSwg" />
    <input value="22039" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/mini-biobis-nussnougat-dinkel-doppelkeks-palmolfrei-320-g-22042">
          <img alt="Mini Biobis Nussnougat Dinkel Doppelkeks palmölfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11601/file/small-b70790c67ed19ad6c1ce46c5dcb7e374.webp 600w, https://assets.fabulous.ch/public/variant_asset/11601/file/medium-08d2bbd643a76c71a0be3c6e3e169636.webp 900w, https://assets.fabulous.ch/public/variant_asset/11601/file/large-3cbaf4f30bc87e942a7c43f59729cb89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11601/file/medium-08d2bbd643a76c71a0be3c6e3e169636.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/mini-biobis-nussnougat-dinkel-doppelkeks-palmolfrei-320-g-22042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Biobis Nussnougat Dinkel Doppelkeks palmölfrei, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22042&quot;],&quot;content_name&quot;:&quot;Mini Biobis Nussnougat Dinkel Doppelkeks palmölfrei, 320 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22042&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HOOS8VPAlg08FtUOhnfwRIb-YtYD4g9ptkKU-iwpaamKV909QTfsXn4Y2Y0_rZuQTeRcJi3zWAdZ5FkUPJ80xg" />
    <input value="22042" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-mhd-aktion-10-10-2026-22044">
          <img alt="Gottlieber Black Special Grand Cru Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7807/file/small-7eafba548ba7323a3a0f162d643a07a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/7807/file/large-beda81c48a066995303ca9cfa6ec696e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-mhd-aktion-10-10-2026-22044">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Black Special Grand Cru Säckli à 10 Hüppen, 170 g (MHD-Aktion 10.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22044&quot;],&quot;content_name&quot;:&quot;Gottlieber Black Special Grand Cru Säckli à 10 Hüppen, 170 g (MHD-Aktion 10.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22044&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iN2xnT0bNdZKcYwrC6zRknRY4WAdl5piSXawVed-T8Eeaf5RL-xPhQh_gKiydrpGv0LfkDOGzQym0H2798gSrg" />
    <input value="22044" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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">
    19 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/capelli-d-angelo-fideli-glutenfrei-250-g-mhd-aktion-25-09-2026-22045">
          <img alt="Capelli d&#39;Angelo Fideli Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7650/file/small-4f6f2c85f977ff6228532b9d058aad55.webp 600w, https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7650/file/large-3a9d4c1b0323ead0fc05eef335a30b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.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">Schär</p>
          <a href="/de/products/capelli-d-angelo-fideli-glutenfrei-250-g-mhd-aktion-25-09-2026-22045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Capelli d&#39;Angelo Fideli Glutenfrei, 250 g (MHD-Aktion 25.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.90</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22045&quot;],&quot;content_name&quot;:&quot;Capelli d&#39;Angelo Fideli Glutenfrei, 250 g (MHD-Aktion 25.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22045&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3BjsxqV2sYOC0mvK0APo_svUKJtCKULcv3Gsrww528ZKrKMKt4HL0MDcZ0lp2YMqAM4Wa2w4FbJQ12FBHI-GqQ" />
    <input value="22045" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <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/vanilleschoten-bourbon-bio-2-stuck-mhd-aktion-26-09-2026-22046">
          <img alt="Vanilleschoten Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/794/file/small-d34df3857f38bb304bf3988193b57821.webp 600w, https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/794/file/large-2d52aad8f8db1d39048cff50cbe3ce61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.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/vanilleschoten-bourbon-bio-2-stuck-mhd-aktion-26-09-2026-22046">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanilleschoten Bourbon Bio, 2 Stück (MHD-Aktion 26.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22046&quot;],&quot;content_name&quot;:&quot;Vanilleschoten Bourbon Bio, 2 Stück (MHD-Aktion 26.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22046&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1ofJ3pvzqhA51ZzsClpTAcNmgfx3lqasuS3ki-MuPnd7lDraJi0-wLpWvAJ8wKYzBek99_PDfRdQnp8Pzrllg" />
    <input value="22046" 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%2Fplanted%3Fformat%3Dturbo_stream%26page%3D179">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-mhd-aktion-18-09-2026-22047">
          <img alt="Agavendicksaft Agave Syrup Spendierflasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.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/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-mhd-aktion-18-09-2026-22047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agavendicksaft Agave Syrup Spendierflasche Bio, 500 ml (MHD-Aktion 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22047&quot;],&quot;content_name&quot;:&quot;Agavendicksaft Agave Syrup Spendierflasche Bio, 500 ml (MHD-Aktion 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22047&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7omtIHP_8-DXMfpiu-1qf268gsLh4YTVNaRSIFsWB4FDml4kziFnMFSy2ozNd59NqDM-yWW0X27cFymkdoFcQ" />
    <input value="22047" 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;574 von 3&#39;574 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>