<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/hartweizenvollgriess-bio-500-g-7665">
          <img alt="Hartweizenvollgriess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.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/hartweizenvollgriess-bio-500-g-7665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hartweizenvollgriess 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-7665-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xxYSJhPcSj_kgpKpqVLegnuzjNZUVjtb5yO8cUPq0ZNCDLE0u66Yb0mc47MbwgX-8TyCGeTLmbNsXWOQugHZVw" />
    <input value="7665" 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/zahnpulver-orange-nachfullbeutel-100-g-7671">
          <img alt="Zahnpulver Orange Nachfüllbeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4435/file/small-03bd63a41838b8927d05cd70afba7617.webp 600w, https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.webp 900w, https://assets.fabulous.ch/public/variant_asset/4435/file/large-29a5a2c908133db393a1f1232e21befb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.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">Birkengold</p>
          <a href="/de/products/zahnpulver-orange-nachfullbeutel-100-g-7671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpulver Orange Nachfüllbeutel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LA0Wqnr5aMgJO9ngRECKO2V-mINe59UnsRrBXjNFKC6pF7W40ou6mKQlqPr20FFH7_GWTO56d886ZB6_yq4g6g" />
    <input value="7671" 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/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-c35f2b7d-a29e-4b70-b632-2d17e7019e54-7672">
          <img alt="Reispapier für Frühlingsrollen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4436/file/small-093b870132e087c67403c863f06bdcba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp 900w, https://assets.fabulous.ch/public/variant_asset/4436/file/large-1bdd00535bda194aee0e068e224a6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.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/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-c35f2b7d-a29e-4b70-b632-2d17e7019e54-7672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reispapier für Frühlingsrollen Glutenfrei Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vtZvxDwEt664tt-NX3mC20UFBubGDQcnyRLfTF2r1rA7zMzWlHZl_hWorpft6Vmnz4oIKXaQpc9CbACtpEDedA" />
    <input value="7672" 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-knusprige-kakao-schnitten-bio-160-g-7673">
          <img alt="Le pain des fleurs Blumenbrot Knusprige Kakao-Schnitten, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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-knusprige-kakao-schnitten-bio-160-g-7673">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Knusprige Kakao-Schnitten, Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LUPL9s3isfMFnNge_F6PcQt3oMiQRB12Yvw8h4BwRIWoWWjkZZBjo6iCqQROzlQNgfiuByDZv57pguNmeZtMQQ" />
    <input value="7673" 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/shot-ingwer-beeren-demeter-280-ml-7674">
          <img alt="Shot Ingwer &amp; Beeren Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/de/products/shot-ingwer-beeren-demeter-280-ml-7674">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ingwer &amp; Beeren Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="707Hui9zObpQhHSrJATYaRO1aUHz6cqM6G0zFA-zCQxqVGSohwHr6v2aBbGWlAMVmTpnjkN0aGRjE-z19lgByA" />
    <input value="7674" 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/shot-ingwer-kurkuma-orangensaft-demeter-280-ml-7675">
          <img alt="Shot Ingwer &amp; Kurkuma, Orangensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4439/file/small-20afb3e8d0cb4e581833c979c329d60c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4439/file/large-ae963ab71293005ebbd3ad87a972fdcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.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">Voelkel</p>
          <a href="/de/products/shot-ingwer-kurkuma-orangensaft-demeter-280-ml-7675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ingwer &amp; Kurkuma, Orangensaft Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1piZXDmo-UzlUNoI55R5T2YzxTCTyBIUd_hJIO9Kf4yQMF32JRxtZ6LMnKRDoqZtxfB23LSgqDaoT7FelYhOg" />
    <input value="7675" 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/shot-ingwer-mit-apfelsaft-demeter-280-ml-7676">
          <img alt="Shot Ingwer mit Apfelsaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4440/file/small-41adf2ddbb7a7e221668418d75092d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4440/file/large-b48ef514f020148922706bae4093a79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.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">Voelkel</p>
          <a href="/de/products/shot-ingwer-mit-apfelsaft-demeter-280-ml-7676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ingwer mit Apfelsaft Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4iWJTyJLJMQTwth0HGlnnma7tYl4FuFhx0i_SnQeTnNnPypdijn2lL7cqW6u-bzi7DS7RsiLQ4lMNmCrjfVGtw" />
    <input value="7676" 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/xylitol-kaugummi-grune-minze-17-g-7678">
          <img alt="Xylitol Kaugummi Grüne Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4442/file/small-09f9acae6f8373082db4638d270c8aa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4442/file/large-942509de25f97186afd170b24cc88928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-grune-minze-17-g-7678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi Grüne Minze, 17 g</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 15.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qcRXwqCBNra7yts_R7NOZaiZr6etxaXcCf6X_tZtAccs3vTQCPPk5hbUqiX1I5UZIhahaB1YBzSCgEgfL4YJAw" />
    <input value="7678" 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/xylitol-kaugummi-pfefferminze-17-g-7679">
          <img alt="Xylitol Kaugummi Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4443/file/small-47d2d8dedfe226158cb56b2b40363e5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.webp 900w, https://assets.fabulous.ch/public/variant_asset/4443/file/large-a6d2fb8c05289c418da9222642e78388.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-pfefferminze-17-g-7679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi Pfefferminze, 17 g</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 15.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hQ5zZUFDoEVK02DtwBppQe6hjCbShLgoM5-mrpG3zcwAFNB36TFyFefNEfdyirI9ZC6C6WIZGsC44XlPaFzFCA" />
    <input value="7679" 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/xylitol-kaugummi-frucht-17-g-7680">
          <img alt="Xylitol Kaugummi Frucht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4444/file/small-11a1f4c77b3d6aa0140edaf890012ee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/4444/file/large-5fcad0210752cc260a6fd65f082ec149.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-frucht-17-g-7680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi Frucht, 17 g</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 15.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0InSihd9MvFML2hw4spEWxKL1dtDDlO88zbW54xzQX9Vk3GYvw_goeExGWpQWp8nmATbFPOT8VR4SAkGdZhJuw" />
    <input value="7680" 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/vitamin-c-mundspray-50-ml-7693">
          <img alt="Vitamin C Mundspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4445/file/small-b82fab7d9c7d0bac6e977c0d2eb464fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4445/file/medium-d4811766ea6eb0fa1a4e3c1166734073.webp 900w, https://assets.fabulous.ch/public/variant_asset/4445/file/large-aed62e5369899fef123f4e033a3ea7c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4445/file/medium-d4811766ea6eb0fa1a4e3c1166734073.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">BetterYou</p>
          <a href="/de/products/vitamin-c-mundspray-50-ml-7693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin C Mundspray, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8PrZ541RFJfjkvdLp8yipehjGRyiyGsZcLhPMgLeo4Z14Hr1JSPGx06MhlEVXHnZYuwX0xJVyfH7xpDT-zWrQg" />
    <input value="7693" 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/brotaufstrich-cashew-tomate-bio-170-g-7714">
          <img alt="Brotaufstrich Cashew Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4455/file/small-b73e68a1d4cdbb24b936a154468552ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.webp 900w, https://assets.fabulous.ch/public/variant_asset/4455/file/large-c7f231cf5267aad59dda817c9b9851f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/de/products/brotaufstrich-cashew-tomate-bio-170-g-7714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Cashew Tomate Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lVP9Zhe3Ug62RwuibwXJgwKG9jA_C8sJl4q3OFPVvvkQSV50v8WAXhtZerjdlRL_iAn4_4-WaeEc9GjZqj62PQ" />
    <input value="7714" 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/brotaufstrich-cashew-jalapeno-bio-170-g-7715">
          <img alt="Brotaufstrich Cashew Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4456/file/small-c61d07a5fb56f67de6b91633b02cf207.webp 600w, https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4456/file/large-25c4ceb4eedd55c2340d847224fa5851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/de/products/brotaufstrich-cashew-jalapeno-bio-170-g-7715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Cashew Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mGgVzooZKhtM6PtDgQ6ovkd2tzYD6dalugIJfUIA2pQdcrbcImv4S-H2ilkznnPCzfm5-bN0dE0xfNacu-vSUA" />
    <input value="7715" 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/brotaufstrich-cashew-rauch-zwiebel-bio-170-g-7716">
          <img alt="Brotaufstrich Cashew Rauch-Zwiebel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4457/file/small-1815cc4f1b04f2d8b50b16460d15d24e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4457/file/medium-778cb579aec5a7e144cc86eaaf4c2e6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4457/file/large-5eeef122c1c0e2d42ef430c41e60ed15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4457/file/medium-778cb579aec5a7e144cc86eaaf4c2e6c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/de/products/brotaufstrich-cashew-rauch-zwiebel-bio-170-g-7716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Cashew Rauch-Zwiebel Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schaumbad-heublumen-bad-demeter-250-ml-7731">
          <img alt="Schaumbad Heublumen Bad Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4459/file/small-208eadf609168507df2d505de74b67c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4459/file/medium-fb79634c0e6d5376659df09c6685f716.webp 900w, https://assets.fabulous.ch/public/variant_asset/4459/file/large-40ea9e9c17e4304d6482f846f9aaa870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4459/file/medium-fb79634c0e6d5376659df09c6685f716.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">NaturKraftWerke</p>
          <a href="/de/products/schaumbad-heublumen-bad-demeter-250-ml-7731">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schaumbad Heublumen Bad Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CqboOfBvWDxIGCz93D4mNF6p_RYKth4QlW0AocZ2wMaPvEsrWB2KbOUGXedurv1I1Cbz2borvPgeE99AP53IAg" />
    <input value="7731" 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/fruchtgarten-heidelbeere-bio-225-g-7748">
          <img alt="Fruchtgarten Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4472/file/small-612f98dde09d01413a46c2b42e619127.webp 600w, https://assets.fabulous.ch/public/variant_asset/4472/file/medium-7d6471a2484bd4e0910f5e7d5c14a1d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4472/file/large-e6c356cb2a79a7da1cf21c86b44c785e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4472/file/medium-7d6471a2484bd4e0910f5e7d5c14a1d2.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/fruchtgarten-heidelbeere-bio-225-g-7748">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Heidelbeere Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fkix9xhLxqKveMBLEn50aLRsSym9E_l2o7YnfNOqSuD7UhLlsDkU8gJmsVGg7q8UPuNF5g2OW54oyPidKkFCJA" />
    <input value="7748" 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/fruchtgarten-waldbeere-bio-225-g-7749">
          <img alt="Fruchtgarten Waldbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.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/fruchtgarten-waldbeere-bio-225-g-7749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Waldbeere Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PB_6vcFnp7eu3PlYujzbJDNe8iAgrWUrMkYhl-RIOsa5BVmvaRV15wPCiEIIrABYudH875Awx8O5OP52HaMyAg" />
    <input value="7749" 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/fruchtgelee-quitte-bio-160-g-7750">
          <img alt="FruchtGelee Quitte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4474/file/small-f12ed5e45f3217a9f3db26b5183e99a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4474/file/medium-0b8a3174d34b0cbf268d55e5170fb3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4474/file/large-062a4783993fc1a272f2b425489c0232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4474/file/medium-0b8a3174d34b0cbf268d55e5170fb3a5.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/fruchtgelee-quitte-bio-160-g-7750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">FruchtGelee Quitte Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWKpj9S2bLfewRQhIZ32DHheOtocvRYeimJY_ZhU_WFAeAqdfMS-53PfZTuTDS1w8tE0FawgtPYBHIccYb_1pQ" />
    <input value="7750" 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/d-angelo-tortellini-champignons-gefullt-bio-250-g-7757">
          <img alt="D&#39;Angelo Tortellini Champignons gefüllt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4479/file/small-f7b3123b09fb89ca7a910eaf4af3cc89.webp 600w, https://assets.fabulous.ch/public/variant_asset/4479/file/medium-77d84b0753dcef4d5290c6f18e540911.webp 900w, https://assets.fabulous.ch/public/variant_asset/4479/file/large-17e8029f94eb5778e0067474a95ac305.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4479/file/medium-77d84b0753dcef4d5290c6f18e540911.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-tortellini-champignons-gefullt-bio-250-g-7757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini Champignons gefüllt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZ1haIc-WivTprAlR6b0avM7wq5ugUM4xNBZDvcllXIgh8J6L0yIe364wT_1Ni8WebTMYd4c4dBProbvDs6dtg" />
    <input value="7757" 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/d-angelo-tortellini-gemuse-gefullt-bio-250-g-7758">
          <img alt="D&#39;Angelo Tortellini Gemüse gefüllt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4481/file/small-b7307ed2f61a522fac0705d82bb42c39.webp 600w, https://assets.fabulous.ch/public/variant_asset/4481/file/medium-8493931ee1e9110880494d431c8c6c6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4481/file/large-270c5529c38aeb16bce2b7d38f719fa4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4481/file/medium-8493931ee1e9110880494d431c8c6c6c.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-tortellini-gemuse-gefullt-bio-250-g-7758">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini Gemüse gefüllt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXueWWCBPe4lPiPTGFViWji5hsTUnuUOYX_xEALOz9sMYT1LyPPvvoggUsmqxbkmsjaIC2QDR-bqAS7x-yXHHw" />
    <input value="7758" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;340 von 3&#39;163 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bumi?format=turbo_stream&amp;page=68">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>