<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-dinkel-vollkorn-demeter-1-kg-3012">
          <img alt="Mehl Dinkel Vollkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2120/file/small-dbc85ceb43641aaa5b778ba0131f2898.webp 600w, https://assets.fabulous.ch/public/variant_asset/2120/file/medium-1e36bc22f4a4df41cfcc05f9d77fc548.webp 900w, https://assets.fabulous.ch/public/variant_asset/2120/file/large-70f8cf1c19c30967ef86bd023fd822aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2120/file/medium-1e36bc22f4a4df41cfcc05f9d77fc548.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-dinkel-vollkorn-demeter-1-kg-3012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Dinkel Vollkorn Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="REXvR4cGwn518GTxA_ZU6Folz8XK7XLT7U7V7nvIeIaGnX3Hfe3G4ntRKBkoRNZg2YSQC0L6OzxwPy8EkCu1FA" />
    <input value="3012" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wasche-waschmittel-flussig-30-95-c-lavendel-flasche-2-l-3050">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C Lavendel Flasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2133/file/small-40516c39cb3f20e701e3a3d183ea30f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.webp 900w, https://assets.fabulous.ch/public/variant_asset/2133/file/large-e331f80602e6e06b4821cd1ef4c99cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.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">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-95-c-lavendel-flasche-2-l-3050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C Lavendel Flasche, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RmcRGuR3sg1WNrYE7fc8RFOx1Z5Ew27bgwcbm2ufFw-Ev4OaHpy2kViX-uzGRb7M0BCKUMzUJzQeduFxgHzanQ" />
    <input value="3050" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eco-sonnenlotion-lsf-30-neutral-100-ml-3063">
          <img alt="Eco Sonnenlotion LSF 30 neutral" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2140/file/small-12eb3dba6594cd7d0a35458bf742becc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2140/file/large-40a82637f05fa0abc0b9075fde5e3d93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.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">eco-naturkosmetik</p>
          <a href="/de/products/eco-sonnenlotion-lsf-30-neutral-100-ml-3063">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Sonnenlotion LSF 30 neutral, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rt5gQrInDFPoYmAdG9d_1-eEOhyy2ErJJS3AuFLe8MxsBvLCSMwIz-bDLPUwZf1fZCVl0jrPAya4XDpSuT09Xg" />
    <input value="3063" 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">
    <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/karamellbonbon-kuhbonbon-vegan-165-g-3091">
          <img alt="Karamellbonbon Kuhbonbon Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2151/file/small-f9c954b59a1833e144759aa1002e4d7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2151/file/medium-ed62486cdf4954d5b860c960bc3b0a48.webp 900w, https://assets.fabulous.ch/public/variant_asset/2151/file/large-00c07610fb5874c88e2a36fc2dab5764.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2151/file/medium-ed62486cdf4954d5b860c960bc3b0a48.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">Kuhbonbons</p>
          <a href="/de/products/karamellbonbon-kuhbonbon-vegan-165-g-3091">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Karamellbonbon Kuhbonbon Vegan, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-3091-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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zink-active-power-citrat-31-5mg-kapseln-150-stuck-3110">
          <img alt="Zink Active Power Citrat 31% 5mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2165/file/small-1c6de6a93235bba43d4e98871f28ed49.webp 600w, https://assets.fabulous.ch/public/variant_asset/2165/file/medium-6ddbc7022b0597c99786c76d3ead86c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2165/file/large-1e89513dab7544ec5ff8b0c90f0cf742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2165/file/medium-6ddbc7022b0597c99786c76d3ead86c0.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">energybalance</p>
          <a href="/de/products/zink-active-power-citrat-31-5mg-kapseln-150-stuck-3110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zink Active Power Citrat 31% 5mg, 150 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hBBnR2L9RhvYCrscQ4UrVDaNzEktG2ALY5FXnR13dqlGyPXHmBZCh9ar9_RoN6nctSyTh6UMKeT-4K139pS7Ow" />
    <input value="3110" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wasche-vollwaschmittel-weisse-bunte-wasche-flussig-1-5-l-3169">
          <img alt="Wäsche Vollwaschmittel Weisse &amp; bunte Wäsche flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2184/file/small-fe4c8bca65979824d57ca07d501d77c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2184/file/medium-b7b925de7a3b57dc263a591a1b1a6233.webp 900w, https://assets.fabulous.ch/public/variant_asset/2184/file/large-a72203659da7fa5c701bc9c3f5ba4f2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2184/file/medium-b7b925de7a3b57dc263a591a1b1a6233.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">Almawin</p>
          <a href="/de/products/wasche-vollwaschmittel-weisse-bunte-wasche-flussig-1-5-l-3169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Vollwaschmittel Weisse &amp; bunte Wäsche flüssig, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5TvlJCSQGjK3ZcgD7yiVCzoMxWPwA0zqFXRxIhsA4Lkn43ek3nserrnEhOvEmheDua2arXgUBQWIBYvI8OMtKw" />
    <input value="3169" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pure-beauty-serum-bio-minze-30-ml-3207">
          <img alt="Pure Beauty Serum Bio-Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2190/file/small-8e91690aa67621692ddf1d6b25a4548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2190/file/large-4a886f9a652f23b53ff8c69242196df9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.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">Lavera</p>
          <a href="/de/products/pure-beauty-serum-bio-minze-30-ml-3207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pure Beauty Serum Bio-Minze, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SYVDY1thyi1V1To9yVdF6_45jomZrglt8-6k3CrMksyLXdHjoYrOsVt0dtXi5cdjfZjRRxG5QIJun142wS9fXg" />
    <input value="3207" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tragetasche-aus-recyceltem-pet-pural-1-stuck-3208">
          <img alt="Tragetasche aus recyceltem PET - Pural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2192/file/small-9838154af19c395b56d6c51657d32bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/2192/file/large-4066df1b90a1fdc32ef5dec0d6dd1d9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.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/tragetasche-aus-recyceltem-pet-pural-1-stuck-3208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tragetasche aus recyceltem PET - Pural, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kNgy2_HDlhgwEziSiLlnMZQYO928tz9qNNR2XXgBzSdSAKBbCyiShD6ydHqjC-W5F7lkEzSgdoWppYy3k-IAtQ" />
    <input value="3208" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tragetasche-aus-recyceltem-pet-rapunzel-1-stuck-3209">
          <img alt="Tragetasche aus recyceltem PET - Rapunzel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2191/file/small-7deeee3e3e11d3e474521d0a74a713ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.webp 900w, https://assets.fabulous.ch/public/variant_asset/2191/file/large-cbc1620c5360079ba3321a50d4f25a65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.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/tragetasche-aus-recyceltem-pet-rapunzel-1-stuck-3209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tragetasche aus recyceltem PET - Rapunzel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ML_LZaqkoEuC3K1aHYYcvvp40hxZ6wovW80om6VDM3DyZ1nlUE-k14x94bI2NJ42edmN0tH8Q8DGvNJxTqD-4g" />
    <input value="3209" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sojade-so-soya-passion-fruit-himbeer-maracuja-bio-400-g-3236">
          <img alt="Sojade So Soya! Passion Fruit Himbeer Maracuja, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2197/file/small-ac884cb4a3d3a09f84010ab7e5ad357c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2197/file/medium-b5923c66bd05704e21915d727f2593ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/2197/file/large-c39637d078a1ed22ef6569ba0659f4fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2197/file/medium-b5923c66bd05704e21915d727f2593ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/de/products/sojade-so-soya-passion-fruit-himbeer-maracuja-bio-400-g-3236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Passion Fruit Himbeer Maracuja, Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D2LL1u6GfEvAsRDLQHjso9Ey4R3r8Qa68p_gO137yt7NullWFG14184QXCNrym4rUpO-02PmT1Vv7hrRthgHTA" />
    <input value="3236" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
          <img alt="Le pain des fleurs Blumenbrot Buchweizen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2200/file/small-7258a0a13cc175498d5edb214957cbf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2200/file/large-7066761e36c9d3cdcd85e6ba08c01fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z48zWOZ-IysO1OxYPO_r1io6vDMyx12fwgy9XxB0MQgNV6HYHJUntwB1oLAXXWleqZvj_brQFHBffUe1-5f8mg" />
    <input value="3239" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/le-pain-des-fleurs-blumenbrot-hafer-bio-150-g-3240">
          <img alt="Le pain des fleurs Blumenbrot Hafer, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2201/file/small-5230e54bc3012ffb8b6a9f88d1d97c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2201/file/medium-8da8f7511c108315963d44980f76f22d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2201/file/large-ecb315a333c01f0451a18d2f09a41138.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2201/file/medium-8da8f7511c108315963d44980f76f22d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-hafer-bio-150-g-3240">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Hafer, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-bvT-qdXgFzjolXaRyfNn_Jqd1iiCaT5t4uudRVnIA47Y0F6XbyEwO0DGTJslU8Xccsolioe7RYq-lSf_oTtnA" />
    <input value="3240" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/premium-zedernusse-rohkostqualitat-bio-80-g-3348">
          <img alt="Premium Zedernüsse Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2226/file/small-ee42a8cca25fa82feed18251bb0d9d52.webp 600w, https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2226/file/large-569f9a475d98499e82067450a3376433.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.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">Flores Farm</p>
          <a href="/de/products/premium-zedernusse-rohkostqualitat-bio-80-g-3348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Zedernüsse Rohkostqualität Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHw5bSJs8o0e_a_-xyjcXQiUlbj2hptMci8BxLXT2_3ipKvt2If2ERBc4xbsml7VizXKdn6R0qPvXvsuXjAWbw" />
    <input value="3348" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnusse-walnusskerne-bio-125-g-3349">
          <img alt="Baumnüsse Walnusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2228/file/small-f7e113a62d1cacb0479812cbafc1b033.webp 600w, https://assets.fabulous.ch/public/variant_asset/2228/file/medium-aab1aeeccc62392a30183c56af4ab998.webp 900w, https://assets.fabulous.ch/public/variant_asset/2228/file/large-1f6ada22e636dbdfb453ceef297152e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2228/file/medium-aab1aeeccc62392a30183c56af4ab998.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/baumnusse-walnusskerne-bio-125-g-3349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnüsse Walnusskerne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VioQn02bSn-CC0JUVzkIN-x5fpBJ2Gl_V5zYOxACYeuU8oIft3BO44yqDrx8i4q_b9ghXsHPIJDK7SLR--GseQ" />
    <input value="3349" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wurzsauce-mojo-rojo-bio-125-g-3351">
          <img alt="Würzsauce Mojo Rojo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2229/file/small-7834136803b4fba1f34dc2f11a83399b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/2229/file/large-b22e1e03b93a324e298a93a65efd4c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.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-mojo-rojo-bio-125-g-3351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Würzsauce Mojo Rojo Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y4Vu1BKwRqxYY87ERuCG7A1Ku938IhjvA9S18PgzKX-hXfxU6FtCMFbCgixtUgRkjuvkE3Q1UQCepU8aE9Dk7Q" />
    <input value="3351" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderzucker-aus-rohrohrzucker-bio-200-g-3374">
          <img alt="Puderzucker aus Rohrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2235/file/small-dab1636643b307c243773500870be690.webp 600w, https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2235/file/large-62e7aaff684aebd8526d59ce06f1754a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.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">Naturata</p>
          <a href="/de/products/puderzucker-aus-rohrohrzucker-bio-200-g-3374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puderzucker aus Rohrohrzucker Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0w9vGc3yZENbgFxdEUOsfx31bKpl9sVYygBP4go4YTgR1_2ZNxlg31UhELU68S73nlQzZO3hjLdXcbUI4dusqg" />
    <input value="3374" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lebkuchengewurz-gemahlen-bio-40-g-3378">
          <img alt="Lebkuchengewürz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2240/file/small-6462a10132b5f3caf53dfd62a4543b41.webp 600w, https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2240/file/large-ea39258d9dab0c6376ca0962ea7499bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.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">Sonnentor</p>
          <a href="/de/products/lebkuchengewurz-gemahlen-bio-40-g-3378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lebkuchengewürz gemahlen Bio, 40 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 9.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ouuGxQWniRw2Ueg0mevkvYR3JiRN0ck7Ia7NOl1tSgxgMxRF_0yNgDjwpNyyWWY1B9Z56sXGgNS83zfQto6Hng" />
    <input value="3378" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-bordeaux-1-stuck-3386">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Bordeaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2248/file/small-687ecc1099235a88d94bb70c7970c254.webp 600w, https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2248/file/large-4e5b33f5eced510a7688eb783ec7852c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.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">eubiona</p>
          <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-bordeaux-1-stuck-3386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Bordeaux, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wRWOtCvG7VGRIiafEiRF1EDBYPhM2OPLW8n_J5t2XSIDzRw00S3pzZ-Danc5lsdcw2A_NsTPqiTGuAXNcJWQsA" />
    <input value="3386" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-orange-1-stuck-3391">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2251/file/small-215a470781b6e0477033945c76cc3b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2251/file/large-bf450806d459e7795b6b0fd54d94e6ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.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">eubiona</p>
          <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-orange-1-stuck-3391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Orange, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W0l0kg9EUPd13FYXSOZYQ3ZWB-KQFD-Wi5ul6pbhdpiZkeYS9a9Ua3t9Gv9jVNrL9fdYLBgDdnkW6l8AfQK7Cg" />
    <input value="3391" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lakritz-tubi-s-suss-bio-100-g-3401">
          <img alt="Lakritz Tubi&#39;s süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2259/file/small-2edcfcbf0a129bb9b044fc11d10eb4ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2259/file/large-4343f8e625d2f29b44f00738a9b9a7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.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">Terrasana</p>
          <a href="/de/products/lakritz-tubi-s-suss-bio-100-g-3401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lakritz Tubi&#39;s süss Bio, 100 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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJ0otmKC6x1N3RdP7SNi4xjLJmMjKe0KQM865M2BPAxmRbo2mGnvgUN8W6fGkeBrm2p5ras-pOXdvsAOJmLxng" />
    <input value="3401" 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">
      1&#39;520 von 3&#39;209 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/byodo?format=turbo_stream&amp;page=77">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>