<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/nukleotide-nucleocell-kapseln-60-stuck-13875">
          <img alt="Nukleotide Nucleocell Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6599/file/small-5ad296c247baaced50325a03fd1fd438.webp 600w, https://assets.fabulous.ch/public/variant_asset/6599/file/medium-d664ff29d11dd7b3f149cc74eb287639.webp 900w, https://assets.fabulous.ch/public/variant_asset/6599/file/large-bcd1094e65696c37e61f4207c2d23f14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6599/file/medium-d664ff29d11dd7b3f149cc74eb287639.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-nucleocell-kapseln-60-stuck-13875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Nucleocell Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Y4C2FIbem0miAloD5mcIm3m0LpbfZQPw80g763izNTR6znrsphugEENWdI6MMktGQswv0bhosBVoBLl_lnyWw" />
    <input value="13875" 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/nukleotide-histocell-nt-kapseln-180-stuck-13877">
          <img alt="Nukleotide Histocell NT Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6600/file/small-42982252c85fba3a8461fdd3bef8f8de.webp 600w, https://assets.fabulous.ch/public/variant_asset/6600/file/medium-a23d1ca1927c51531eea9d1558512763.webp 900w, https://assets.fabulous.ch/public/variant_asset/6600/file/large-99ec09aabc212fc20e2fde6d428925bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6600/file/medium-a23d1ca1927c51531eea9d1558512763.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-histocell-nt-kapseln-180-stuck-13877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Histocell NT Kapseln, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="842K1wfau-_n5L6kFp5ePzhoXtkKa1uTU8dQu01xl3vP6LHk51mvAoBh7h4jNwswTIW-3Bf3bVzFqmKxHsqp9A" />
    <input value="13877" 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/nukleotide-histocell-nt-kapseln-60-stuck-13878">
          <img alt="Nukleotide Histocell NT Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6602/file/small-b105fa6b9fcfa31e7b3d418648ec7cce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6602/file/medium-09709fd4256b188ad168a138d69da8a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6602/file/large-6f5bcd34cc30670311d6aa3a288fe781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6602/file/medium-09709fd4256b188ad168a138d69da8a2.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-histocell-nt-kapseln-60-stuck-13878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Histocell NT Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9KxF8Z2FA3oXKY5ISgQ8D8lnmZmVHon9OIwXmn4ECfPIyX7CfQYXl3Cs3vJ_rWkAvYp5nIiCvzKu4SWQLb83fA" />
    <input value="13878" 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-tomate-paprika-bio-150-g-13879">
          <img alt="Le pain des fleurs Blumenbrot Tomate Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6604/file/small-06019b3e7e4eb5aae76cfa1d004ffd28.webp 600w, https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6604/file/large-632eb48bc42ee2f17dc418c9af7cee5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.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-tomate-paprika-bio-150-g-13879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Tomate Paprika Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVhWAswgQ6cSrE4Lt-KSjF_fuiIeJQBqUqndI9lILIwtPW0xLKNXSnUpHrGCS8eDKzJaJwO5NqXExO8pivMSAw" />
    <input value="13879" 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-zwiebel-bio-150-g-13880">
          <img alt="Le pain des fleurs Blumenbrot Zwiebel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.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-zwiebel-bio-150-g-13880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Zwiebel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3T1yspvVkEQasqXqKRnptH9LVfjYOnR06l8fJYwkVmfEc75KuxCrHfvmi2dDTKppRDNUv783x5FxE52xYuv1g" />
    <input value="13880" 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/supergreens-blueberry-lucuma-240-g-13882">
          <img alt="Supergreens Blueberry &amp; Lucuma" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6611/file/small-dec23ce707f4c774c6bc94fe19df4d5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6611/file/large-8755c22a5b7b5982427d05b319ed48f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.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">Vivo Life</p>
          <a href="/de/products/supergreens-blueberry-lucuma-240-g-13882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Supergreens Blueberry &amp; Lucuma, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t40O95pBNN028HPyrYuouEC4KbVT9ibWv5IgBBz_ITGL6DXEesIgMFF1I0iYIv23NFXJsE5qEBkp_xIOT0Qfvg" />
    <input value="13882" 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/pre-workout-erdbeere-rote-bete-255-g-13883">
          <img alt="Pre-Workout Erdbeere &amp; Rote Bete" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6613/file/small-9c9bab7593adf4460d6e8ad185897f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.webp 900w, https://assets.fabulous.ch/public/variant_asset/6613/file/large-2267b76c5fa4159cb6fc4fc1059b3e34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.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">Vivo Life</p>
          <a href="/de/products/pre-workout-erdbeere-rote-bete-255-g-13883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pre-Workout Erdbeere &amp; Rote Bete, 255 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FIQmMgrHPhu2qkULnwhtA53s7TFgqfwad3vPcMfCCUso4R0B6kQq9tEvFbGqoTgM6QENNH01ytXhFv16lHk3xA" />
    <input value="13883" 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/waterlovers-trinkwasser-destiller-mkii-28-dl-13907">
          <img alt="Waterlovers Trinkwasser Destiller MKII" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6615/file/small-f1380fa02eb66faa2bfc56a9f9f3e63d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6615/file/large-f3f66d9e99dc774f7b576b27230dab84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.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">Waterlovers</p>
          <a href="/de/products/waterlovers-trinkwasser-destiller-mkii-28-dl-13907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waterlovers Trinkwasser Destiller MKII, 28 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 375.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zVAyY2Gc9-qJgmlnH0pKd3yOkISk_EPmOpmLacrmoMzxNQlQgR_jB-4HOd0q4x94CGNwgblgdSms9LljmV2eQw" />
    <input value="13907" 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/waterlovers-destiller-mkii-ersatzkohlefilter-6-stuck-13908">
          <img alt="Waterlovers Destiller MKII Ersatzkohlefilter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6616/file/small-2aa15b5763cf7cc2189aec3b54a1b957.webp 600w, https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.webp 900w, https://assets.fabulous.ch/public/variant_asset/6616/file/large-8362fcde7e24ec71d7dfd94bf0be05fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.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">Waterlovers</p>
          <a href="/de/products/waterlovers-destiller-mkii-ersatzkohlefilter-6-stuck-13908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waterlovers Destiller MKII Ersatzkohlefilter, 6 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zgi-kHRZT1ZbHu5WVAQugALsjsugcUUCmxjDDI1gtzHybYWjlNpbuzybvuxhrXuPdgFuzr3tc80NdfEG3tuJvg" />
    <input value="13908" 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/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
          <img alt="LupiLove Protein Curry Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UAcHd5VeYguzkvXVF1Pd7l4vXOZiJI1W6NodEhAYI25sYjxEdd125tQXpW8i-ojhKsK843-4u5l-ty8YQ6Md4Q" />
    <input value="13913" 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/lupilove-protein-paprika-pfeffer-lupinen-brotaufstrich-bio-135-g-13920">
          <img alt="LupiLove Protein Paprika-Pfeffer Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6619/file/small-4e6b88b1a3e51369d65e6a8ca0c221f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.webp 900w, https://assets.fabulous.ch/public/variant_asset/6619/file/large-5d6808447b55679055d9317857b73cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-paprika-pfeffer-lupinen-brotaufstrich-bio-135-g-13920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Paprika-Pfeffer Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0XeRRMw1CyjiC-1qd6XbfFIVyfUkwi1mQXKVVxj8y0LtEqp3LLYfxYWOvdBCDI5zJvgp8DleG6nXH6ddS0f1zQ" />
    <input value="13920" 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/lupilove-protein-zwiebel-knobi-lupinen-brotaufstrich-bio-135-g-13922">
          <img alt="LupiLove Protein Zwiebel-Knobi Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6622/file/small-4521ca3a0fcd42ac3de890d8b43bbb8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6622/file/large-7b2f94ccc37956649f1c42363d332815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-zwiebel-knobi-lupinen-brotaufstrich-bio-135-g-13922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Zwiebel-Knobi Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AzJeUA0bjRUvviBFwq5ymd5I_xqK2x21k4VtfbhurF0_V2Vj7ZiZ-Eg7cP_3ByeWqqUfH5dHK3oF6F9369WS0g" />
    <input value="13922" 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/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
          <img alt="LupiLove Protein Thai Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6625/file/small-8c9708f1cbdf234654039a416d7dab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6625/file/large-2a0162aca650e67e2dd03a153036f96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Thai Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gqb_0PsayhA1wwUYk427pClmZ-AAShsiCWh7d6UHhhwmw8TjG5ne_VJGVaKmJO6rXYuH5R3WLe2fBUl99ry4kw" />
    <input value="13923" 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/white-crunchy-raspberries-schokofruchte-bio-50-g-13928">
          <img alt="White Crunchy Raspberries Schokofrüchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6630/file/small-01407975d9814ddd6f2ce8ca0c7a8007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.webp 900w, https://assets.fabulous.ch/public/variant_asset/6630/file/large-970060c61fab1f2dbc8071028fe0dcfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.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">Nucao</p>
          <a href="/de/products/white-crunchy-raspberries-schokofruchte-bio-50-g-13928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Crunchy Raspberries Schokofrüchte Bio, 50 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 7.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13928-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">
    <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/jay-joy-janis-pflanzliche-alternative-zu-feta-bio-140-g-13929">
          <img alt="Jay &amp; Joy JANIS - Pflanzliche Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6633/file/small-118436857025670930c7c5cf7f7d88cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6633/file/large-deef8e14fd91e7be840579d21031a114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.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">Jay &amp; Joy</p>
          <a href="/de/products/jay-joy-janis-pflanzliche-alternative-zu-feta-bio-140-g-13929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JANIS - Pflanzliche Alternative zu Feta Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 4.43 / 100 g
            </p>
        </div>
      </div>

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

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

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-gewurzzubereitung-bio-60-g-13945">
          <img alt="Tofu Gewürzzubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6629/file/small-db9f0b94a21ff8e60fbf6bd668e9a51c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6629/file/large-1de1d70ecc3ba2e227bcba9516f6c673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.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">Lebensbaum</p>
          <a href="/de/products/tofu-gewurzzubereitung-bio-60-g-13945">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Gewürzzubereitung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="df3m7QvmkCkGdiPbSmWOPinFCqM1IvhG7cTXqQYXCSNJmN3e62WExGHzc2F_zNsxXSjqpii-zol7qeWjVaw3rA" />
    <input value="13945" 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">
    <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/happy-choc-drops-schokolinsen-500-g-13973">
          <img alt="Happy Choc Drops Schokolinsen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6631/file/small-28a8ea1562ebbdf22c4e0a10f5007160.webp 600w, https://assets.fabulous.ch/public/variant_asset/6631/file/medium-fb1ebcd430d14c47041f8928ba9e3c9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6631/file/large-7274a6d25ba8a57a5c6586fd8c464fef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6631/file/medium-fb1ebcd430d14c47041f8928ba9e3c9b.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">Vantastic</p>
          <a href="/de/products/happy-choc-drops-schokolinsen-500-g-13973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops Schokolinsen, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

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

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-13974">
          <img alt="Raspberry Cashew Butter Cups Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6632/file/small-bfbc351ffcb5c313d4673586e534695f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.webp 900w, https://assets.fabulous.ch/public/variant_asset/6632/file/large-36d9ec42738ed8aa04deff4cfcc17b73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.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">Naughty Nuts</p>
          <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-13974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry Cashew Butter Cups Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmMHo_7xmjyAmOeO1AT2nWThOINN3tkNOIRuGU2KgAW-BjyQHnKO0ecdtzThraOSEAzYhlBC78Ku6VwTHjG-ig" />
    <input value="13974" 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/apfeldicksaft-bio-850-g-14005">
          <img alt="Apfeldicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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">Biofarm</p>
          <a href="/de/products/apfeldicksaft-bio-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfeldicksaft Bio, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JNGq0wQCnXoq1BV7CDX48AuuvcIk2QliGSRVZFsUjy4YtJHg5IGJl01RRcE9nK3_f0NdxzlFP62PSWduCK-xoQ" />
    <input value="14005" 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/sonnenlotion-sensitiv-lsf-30-100-ml-14011">
          <img alt="Sonnenlotion sensitiv LSF 30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6635/file/small-14427f434a9d7f40f12da8cc33e22ee7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6635/file/large-b8d6ac918148ba15ded372eba19bb80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.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/sonnenlotion-sensitiv-lsf-30-100-ml-14011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenlotion sensitiv LSF 30, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61oQIvCSRAj3hFOXx1ip5U1ej05MA_14zuH_tk_xlwLXPysREBFQ5ZABAy3y8fzqObNvS1Gfy7dYjM28HEqpjQ" />
    <input value="14011" 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">
      2&#39;220 von 3&#39;170 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/jay-joy?format=turbo_stream&amp;page=112">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>