<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/ol-leinol-nativ-bio-250-ml-2864">
          <img alt="Öl Leinöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2023/file/small-b31e984b5e83cb7d93786bdf9c32d362.webp 600w, https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.webp 900w, https://assets.fabulous.ch/public/variant_asset/2023/file/large-1a0ea08c9b5350bc8982ec17454f85d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.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">Bio Planète</p>
          <a href="/de/products/ol-leinol-nativ-bio-250-ml-2864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Leinöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jsPB2ZzbrjMwWrjFk0GgKMShbUg8RISWwtEFGzVyaBX3FhfgaSTGXCINmJmLvRSdWDmTEFafagjTyUk39LgYrw" />
    <input value="2864" 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/essig-weissweinessig-bio-500-ml-2865">
          <img alt="Essig Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2024/file/small-0fb0e504c2f1dd630f4ba1d43d545d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.webp 900w, https://assets.fabulous.ch/public/variant_asset/2024/file/large-1538f38faf3c7fead1e6b0d5dbf31da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.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/essig-weissweinessig-bio-500-ml-2865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Weissweinessig Bio, 500 ml</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.14 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uHL-LoUN23Rv-HvHFn2lLj-TxF7xPH0D2b9LwIfhB5fBpygXcPKzG32vW5sOgRGbows6Bpvnk53IpwfsRit3LQ" />
    <input value="2865" 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/kalkloser-mit-zitronensaure-flasche-1-l-2899">
          <img alt="Kalklöser mit Zitronensäure Flasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8858/file/small-fc0123596309e48e6109c2b808590c3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8858/file/medium-90e03b9871dfef8fcd47bfef0b8d1e67.webp 900w, https://assets.fabulous.ch/public/variant_asset/8858/file/large-c329f240cd76a83909721a150b54bc17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8858/file/medium-90e03b9871dfef8fcd47bfef0b8d1e67.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/kalkloser-mit-zitronensaure-flasche-1-l-2899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kalklöser mit Zitronensäure Flasche, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IqanTLJOhK_8-U57kTVKHwrtACH4giZfYWvZs2HKKIBbc3F1R7HswO6ubieJyf6qlnX-eZJZyMFwc5WfoABYOg" />
    <input value="2899" 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/hanfpesto-basilikum-grun-bio-150-g-2919">
          <img alt="Hanfpesto Basilikum Grün Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2063/file/small-0e1e10c676a445b83518eccc7b8c8c61.webp 600w, https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2063/file/large-c195e82136389843f219f465b7a1cb64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfpesto-basilikum-grun-bio-150-g-2919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfpesto Basilikum Grün Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A1FdczMttbQjh3EwgUZt_09Qi-1jAeum4uGZFZLh2dV6hItKxtLd2zHQUWyZutlK08h1tQnaBTjz-dU5Uyupbw" />
    <input value="2919" 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/gefu-spiralschneider-spirelli-2-0-edelstahl-schwarz-1-stuck-2935">
          <img alt="GEFU Spiralschneider SPIRELLI 2.0 Edelstahl, schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2079/file/small-e62ec67fbe099e81bc0080c3d38b4329.webp 600w, https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2079/file/large-8ad5863c0ac81660f8db5b1756e30d91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.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">Gefu</p>
          <a href="/de/products/gefu-spiralschneider-spirelli-2-0-edelstahl-schwarz-1-stuck-2935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GEFU Spiralschneider SPIRELLI 2.0 Edelstahl, schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k8MG8YvFYO83cA0h34s7BQhdzF5HzTYY4L9AkV9G9xXqFtDIfjoIgCUnLX3Hd4-wlMUyBi0W2Ibxpwy9noyHrw" />
    <input value="2935" 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/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="mPVn1Cg8-XpNC-DKW0_TiWr1lB5oI0VlfnlqMnogp3nhILHt3cORFV9cwJZDs2c89m1qRgL4q_tvYSYeu-rXww" />
    <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 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/flocken-buchweizen-glutenfrei-demeter-250-g-3014">
          <img alt="Flocken Buchweizen Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2121/file/small-9efffdbaf75776817add1f5e90cda92d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2121/file/large-eb879609f1cc4daed99c7133be3112af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.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/flocken-buchweizen-glutenfrei-demeter-250-g-3014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocken Buchweizen Glutenfrei Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huAU5UFbNJyUJzVQyaKY7ditefvLFrvImEaCS2xh86r_NcLctKRc84ZwFQzRXixYRDWHo6HNVVaJXs5nrauDEA" />
    <input value="3014" 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="89b1xQqMcfImskIjCSSAy6j_loI2Lj9b75XletMkZkyKAyP8_3MZnTTlYn8R2DR-NGdo2lz10cX-jalWEu4W9g" />
    <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="Ypq-hXZAxxC5mjINjcCoHfpIN5wOm9K9Du76_0frpiEbT2i8g7-vf6vNElGVPByoZtDJxGRAPCMf9rbThiHWmw" />
    <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="05NgDTP54UG07xbe-h7HEywc0gGR8Yk09O81Zu3x3O2qRrY0xgaJLqa4NoLi4nOmsIQsWfsqZ6rl93lKLDusVw" />
    <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/vegane-alternative-zu-krauterbutter-bio-110-g-3155">
          <img alt="Vegane Alternative zu Kräuterbutter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2171/file/small-d2a130c5d77f0a7cbda25216077da711.webp 600w, https://assets.fabulous.ch/public/variant_asset/2171/file/medium-6c1806b8e336262ea30595bb6cae83e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2171/file/large-451bda1711399e0d3d8029584c37067e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2171/file/medium-6c1806b8e336262ea30595bb6cae83e6.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">Lord of Tofu</p>
          <a href="/de/products/vegane-alternative-zu-krauterbutter-bio-110-g-3155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Kräuterbutter Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tn-Rik8CyKoNgzQ8eiwqf9aK7kxVV0Oi9TZGO76C0c3Pqkezuv2gxR_UFGBi0J7KShIQFD-MrTzkLgoXf0ihdw" />
    <input value="3155" 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/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="hUgDYWXQGGe-cS3XVtHcS97L76cMiOX5qku92H8a00T8ndVYkC9wCKwmDYtOLWj-QlMR_2ZTC2e7U_H0vtCj_g" />
    <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  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/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="UFtNjJ9UZp_XtqrIEO5GEBBpKnqwHJyp5ZZKeee9B6Ipjpu1aqsO8MXhipQIEvKljPHUItrHcjf0jgZVJnd3GA" />
    <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 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-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="0YlxU_ZCwlTH1pMMjqz2sudHoms46D2Jt2GAIxW0UjWoXKdqA72qO9WBs1CWUEIHe99cM1Iz0xemecwP1H4ijw" />
    <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  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-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="j5isdwWE1GCzxkOSWrk9J6i_ti4zufKltSxDd5ZA24L2TXpO8Hu8D6GRY85CRYmSNCdIdlliHDukNA9bV4qrOA" />
    <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 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/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="bKHPrsSlKheqYahkKlwfQCfhDGrx3lRK2S8a478P7ccVdBmXMVpCeLg2iDgyoKv1u3nyMpsFutTIN1bPfsWdfQ" />
    <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  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-aprikose-bio-400-g-3237">
          <img alt="Sojade So Soya! Aprikose, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2198/file/small-1fc755f97ebd03d904964a240369ec07.webp 600w, https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2198/file/large-7b490b4d1dfa1e69c800f8f07710f43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.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-aprikose-bio-400-g-3237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Aprikose, 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-3237-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v71pgLsTsXigV5fhQf22uI1gWcrV_5dkKFiDI6VeRgPGaL-5TuzZF7IAt71ZAQINEfinkr8kefo5QM8PZJQ2uQ" />
    <input value="3237" 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="hDcO4Lu2AJHfO-m_FH2lVuclqmGrY6EUlEq1CPDbEHr94tjZTklo_s1syeMMgRHje71UOcG4T4qFUvkkMRFgwA" />
    <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="Ekidz248oBKuHsrCBs82xFts56-VEhwgDRRW5wJzZ1xrnUv2m8PIfbxJ6p4eM4Jxx_QZ9__J8r4cDBrLw7kX5g" />
    <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>



</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;340 von 3&#39;185 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/liebhart-s?format=turbo_stream&amp;page=68">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>