<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/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
          <img alt="Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9008/file/small-00d17717ea2f9e346e05036ac27c38af.webp 600w, https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.webp 900w, https://assets.fabulous.ch/public/variant_asset/9008/file/large-07d8609b770cc4aa3ed235f5ac5d58e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.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">de Rit</p>
          <a href="/de/products/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio, 360 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 1.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pOEtKxuW6HT2DDlUOHTvC7FLV6-TiGMCLgAE_DcuklSkf-voNyppKUbFiJk03NhDJs1qxUG-4p-lrViQvSTojA" />
    <input value="5880" 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/veggiemix-kottbullar-bio-180-g-9470">
          <img alt="VeggieMix Köttbullar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5334/file/small-a853ea7d1f6967bdaefde7b6a90b6c87.webp 600w, https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5334/file/large-d9c53d8463f50b64eb5736cc885ccf3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.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/veggiemix-kottbullar-bio-180-g-9470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Köttbullar Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oJCu-4_6-TIuywYH_H91x9Jds1T_LZ1OQNHTg77pRkegDmg4o0Z4b54Ct8rw10KPRduOPi0bHNPLfI_vNOM8nw" />
    <input value="9470" 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/mein-veganer-speck-ersatz-bio-10-g-14970">
          <img alt="Mein Veganer Speck Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6858/file/small-39e33875b304b98ecdaeb1837b56c65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6858/file/large-1a1e9315e73d2da5bc2b254f12893c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/mein-veganer-speck-ersatz-bio-10-g-14970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mein Veganer Speck Ersatz Bio, 10 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 39.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tbxzQY_XewMKN5JhO90VkEsOmA9IyVuCKl53mCNB2cy1IrWCo2v6Xrr-I6w3dSLY3IilZZr_2h-h8yv0qUujFA" />
    <input value="14970" 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/lifebar-cake-erdbeer-karamell-matcha-bio-35-g-18104">
          <img alt="Lifebar Cake Erdbeer Karamell Matcha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9048/file/small-4821e8daf6d29971538338e2e760d792.webp 600w, https://assets.fabulous.ch/public/variant_asset/9048/file/medium-76a319a0b65de7157cbd84902611b0bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9048/file/large-e5eecaa40cc52f7311f8d808dac3542d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9048/file/medium-76a319a0b65de7157cbd84902611b0bf.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">Lifefood</p>
          <a href="/de/products/lifebar-cake-erdbeer-karamell-matcha-bio-35-g-18104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Cake Erdbeer Karamell Matcha Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVhqCoACtifqxDmXc3t1M9KbLG5pt7iXBo8eF2ZFyyphxqzJrL43eloNiFp_00J7RR0RBLuBOQqNIkJ77E-x8g" />
    <input value="18104" 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/pralinis-lini-s-bites-brownie-cashew-caramel-bio-46-g-9284">
          <img alt="Pralinis Lini&#39;s Bites Brownie Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8762/file/small-236ccd339b70e81109b64635dbd9e9e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8762/file/medium-1a8325a47d1085a51c172d8471c8ad66.webp 900w, https://assets.fabulous.ch/public/variant_asset/8762/file/large-cd1e782eebdede383e92235ff1e4e555.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8762/file/medium-1a8325a47d1085a51c172d8471c8ad66.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">Lini&#39;s Bites</p>
          <a href="/de/products/pralinis-lini-s-bites-brownie-cashew-caramel-bio-46-g-9284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Brownie Caramel Bio, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yUcc_Enlwe4uq4-2diqBuEyAzlbNQbc96C6jgpLTXtjJ2do_ZVlAs55iPnt6grbw2wbzPB93NqBjg__uGNkkAA" />
    <input value="9284" 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/lifebar-cake-doppelte-schokolade-bio-35-g-18086">
          <img alt="Lifebar Cake Doppelte Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9046/file/small-e21fad5fd6660597b5b2a6f1fedb6a71.webp 600w, https://assets.fabulous.ch/public/variant_asset/9046/file/medium-cae87c4feead5d7bb11abf0e4aa64385.webp 900w, https://assets.fabulous.ch/public/variant_asset/9046/file/large-655f1856ba7e2b329bff5fd5fcc578bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9046/file/medium-cae87c4feead5d7bb11abf0e4aa64385.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">Lifefood</p>
          <a href="/de/products/lifebar-cake-doppelte-schokolade-bio-35-g-18086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Cake Doppelte Schokolade Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZnRjPSALMHyBVqXYAwNK8G1qg8YWPtA6OZ8wuydfBwdm6qX-DLexITGfFBUPq324-uy-rMQIUaeyMmzXrVV93w" />
    <input value="18086" 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/lifebar-cake-pistazie-vanille-bio-35-g-18103">
          <img alt="Lifebar Cake Pistazie Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9047/file/small-c0d7f5ffda30cc0f2ebb041edeb56519.webp 600w, https://assets.fabulous.ch/public/variant_asset/9047/file/medium-36581e07e89316a060a323ee4935c11c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9047/file/large-6e47a11801e39f0b9b523c734ffee5d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9047/file/medium-36581e07e89316a060a323ee4935c11c.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">Lifefood</p>
          <a href="/de/products/lifebar-cake-pistazie-vanille-bio-35-g-18103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Cake Pistazie Vanille Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wdc7TLti_TZlAJcynk5XFBODPjwa9yMgkvtWilvCQLjmZouHlEKqWlds5HG0Q4Ux8gxkiJdXREJ5rE2o2Vz2g" />
    <input value="18103" 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/taschentucher-recycling-extra-soft-100-blatt-100-stuck-17154">
          <img alt="Taschentücher Recycling Extra Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7991/file/small-0467a714de81d5ae2647f255da8da8c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7991/file/large-9c12b8d9f30193b6a93a28deda998007.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.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">memo</p>
          <a href="/de/products/taschentucher-recycling-extra-soft-100-blatt-100-stuck-17154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taschentücher Recycling Extra Soft, 100 Blätter</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 0.03 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D1FTMHq0ujSREa14y4g7-Xn9VV4vN5NJsnMLYaAzljoPz5XzVgg7aSHYHLXHIAyx7ntoNP0BEtQ53lcNKjns4g" />
    <input value="17154" 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/eislollies-frucht-wassereis-ohne-zuckerzusatz-bio-400-ml-11478">
          <img alt="Eislollies Frucht Wassereis ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5866/file/small-06d59cfa71558ab29547285c88cc1531.webp 600w, https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.webp 900w, https://assets.fabulous.ch/public/variant_asset/5866/file/large-d7d504dd19eab13e8939211a73c614e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.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/eislollies-frucht-wassereis-ohne-zuckerzusatz-bio-400-ml-11478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eislollies Frucht Wassereis ohne Zuckerzusatz Bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="92g6YeNmAGzHsJ2LFYpNfaHCjEv9vQsTPphe8oLjbvT39vyiz9qBMXd5LEYZIno1NkSxIS-Lio61NQKeCOkULA" />
    <input value="11478" 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/completeorganics-blumenkohl-bio-220-g-10933">
          <img alt="completeorganics BLUMENKOHL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5645/file/small-b4661b5d66f386f591e958b18ce19dd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/5645/file/large-84f21f439c7926bbf6ae2302b8c59984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">completeorganics</p>
          <a href="/de/products/completeorganics-blumenkohl-bio-220-g-10933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics BLUMENKOHL Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GfhhpLQY21pl9-_0Rheqhfh1_aYBkWsOTKim5sLtfCQZZqdnmKRaB9U-XjlKv53Nb_PAzNOn6pPHBfqKSOcG_A" />
    <input value="10933" 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/atlantik-tofu-vegane-alternative-zu-lachs-bio-150-g-3848">
          <img alt="Atlantik Tofu Vegane Alternative zu Lachs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2488/file/small-d62fde75e34ca2fdf3933e874a8e622b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2488/file/large-1d083b23185bfa3ad44fe4532e352bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.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/atlantik-tofu-vegane-alternative-zu-lachs-bio-150-g-3848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Atlantik Tofu Vegane Alternative zu Lachs Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GRWNw9H3swckSrLnDxrSevsn4MkrPMnzfgiThNdiqAIZi0sA_UsyWpSDAyoDsuUybKHdo_kKSG71pc_oXWjS2g" />
    <input value="3848" 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/spacebar-chorizo-snacker-bio-40-g-431">
          <img alt="Spacebar Chorizo Snacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/387/file/small-164a6d45fb3c9cea1304ebd668f7454f.webp 600w, https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.webp 900w, https://assets.fabulous.ch/public/variant_asset/387/file/large-e796b2f9f601f04e77b979814de02c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.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">Wheaty</p>
          <a href="/de/products/spacebar-chorizo-snacker-bio-40-g-431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spacebar Chorizo Snacker Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v_fPxQy78YWA5Ska_L43ItNsBjpvyVHKdh0iSeHWjD6_aQkGIAdw2DAsmNfwFgBqROo7UL3_0Ff9sH4la9z25g" />
    <input value="431" 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/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
          <img alt="Rapunzel Espresso Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.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/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Espresso Zartbitterschokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TWGFU0dm8bp1RXej28zAzHzpxoP6fl01ynX7iOiTYj1N_0OQa9pw58WMxm7XZPeE62_76ShI3KhB2KfkYpkY5Q" />
    <input value="7934" 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/agar-agar-geliermittel-glutenfrei-bio-60-g-15119">
          <img alt="Agar Agar Geliermittel Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-geliermittel-glutenfrei-bio-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Geliermittel Glutenfrei Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nqQ-_4zvS4XvvoTiAxhmBPJYa2lanpSK8VpF2hdLD8meOvg8oFPK2F93NS8PsFFMZd5WA4ioFRd69xm2nUF1EQ" />
    <input value="15119" 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/riegel-apple-cinnamon-bio-50-g-812">
          <img alt="Riegel Apple Cinnamon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/750/file/small-177a901a0e6c4e401f530686b40efcef.webp 600w, https://assets.fabulous.ch/public/variant_asset/750/file/medium-ff9294306960e9ff1c4547a053258892.webp 900w, https://assets.fabulous.ch/public/variant_asset/750/file/large-dc28b8b2abf0bef3f564bf739ab433bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/750/file/medium-ff9294306960e9ff1c4547a053258892.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">Raw Bite</p>
          <a href="/de/products/riegel-apple-cinnamon-bio-50-g-812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Apple Cinnamon Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3TAVuQTJoh8oevtMrXG5J2pop2ug9xWA9AAIzA3aYPndrtN6KHUjQpizSoGh2Y5v_e6aAXLBlB1_rVSgh9AaIQ" />
    <input value="812" 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/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
          <img alt="Kombucha Urban Passionsfrucht Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9133/file/small-6c0a674e319d64313e719a3f410a8c79.webp 600w, https://assets.fabulous.ch/public/variant_asset/9133/file/medium-74871ab1cb8cd169409fdcc889b6e66f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9133/file/large-885bbf7f8478c8d2773397d1cfc247cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9133/file/medium-74871ab1cb8cd169409fdcc889b6e66f.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">Urban Kombucha</p>
          <a href="/de/products/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Passionsfrucht Dose Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DtlCN65YELrYr5IRMLznjv-cOvFHsZVaI-QBpnOy3AMOR4T0guSR52hmI9w8FNDGaBoHm5WHFMeoSV3K-bim2w" />
    <input value="9045" 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/fruchtgummi-veggie-hearts-bio-100-g-5847">
          <img alt="Fruchtgummi Veggie-Hearts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/de/products/fruchtgummi-veggie-hearts-bio-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Veggie-Hearts Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l6BAkLj6TuOrFYlMWYANr70bi4r-eZOVD0yz6yAfdo6XPoZTlEbPvhvcOIFVKDrnKp224CxPEgiE4e-HqhUMVg" />
    <input value="5847" 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/rapunzel-bulgur-bio-500-g-15696">
          <img alt="Bulgur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7148/file/small-e3feb300fd57c02bc33b5b32e477e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7148/file/large-ab34ec3b8d91f2df759e7d89b048e489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.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/rapunzel-bulgur-bio-500-g-15696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bulgur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rBW9cjwd-ro9dLqF_9v-LqZATI5Uzg9R6OmyzKUC8rGsi3uxEKF75429C0jzc8lmMcZx5Ib4jsxjRO6gLwiIaQ" />
    <input value="15696" 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/nirwana-schoko-stick-bio-22-g-13320">
          <img alt="Nirwana Schoko-Stick Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6446/file/small-1aef1abca5c49b93fb46eb478a6895b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6446/file/large-5036f283638aaf6606659198e1718be9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.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/nirwana-schoko-stick-bio-22-g-13320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nirwana Schoko-Stick Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BZL0Noo61qcAwcN5OuiIVPyKrD5ARvF_hBCdowFbbngFDDL1poZX-rAIcrQ2QL8cawyRVJJwcOIPvcHPi1EUoA" />
    <input value="13320" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dorrbohnen-bio-knospe-100-g-18113">
          <img alt="Dörrbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9056/file/small-074888b3dd51d8f502dcde88ac43a5d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9056/file/large-f74bd5d3387a8ec665e6d617c21d8b68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.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">Bohnen Piraten</p>
          <a href="/de/products/dorrbohnen-bio-knospe-100-g-18113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dörrbohnen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9wP8DrAbFmb5knN0xV-9uiM5An_IgOHyGUa22uDEeGLQskzFnztBCsv-ADfvUm-fwrZYy0UghpDyEa34YlrOQ" />
    <input value="18113" 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">
      380 von 3&#39;210 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=20">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>