<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/ahornsirup-grad-a-bio-250-ml-95a9f678-9f19-4373-bf95-803d7845e348-6955">
          <img alt="Ahornsirup Grad A Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4028/file/small-1bea71f63588b381086daafb04742d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4028/file/large-0c28fa303ac3c6706b5361d35124d8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/ahornsirup-grad-a-bio-250-ml-95a9f678-9f19-4373-bf95-803d7845e348-6955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ahornsirup Grad A Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AYDvnWSlv_sEw5JBmv9m2onHWe6VaeLVJbZSjLbDkfubHMmDsh3fT2IrbJhUvMs_PTT4jm_Uez-3bJd5ypK1QQ" />
    <input value="6955" 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/amaranth-bio-500-g-e873b642-a036-4e37-983d-dfc472385de9-7039">
          <img alt="Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4058/file/small-574dc853e67bd7bb987541e49682e9cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4058/file/medium-390a60882f44a08e76027b9cea56e358.webp 900w, https://assets.fabulous.ch/public/variant_asset/4058/file/large-0d26455efebc157a1f6fbcd9ae9304a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4058/file/medium-390a60882f44a08e76027b9cea56e358.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/amaranth-bio-500-g-e873b642-a036-4e37-983d-dfc472385de9-7039">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaranth Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyFxLi3IBjP5BQlArGEhcP2X_uH1xikUMliqly043B3RvVcw-3Bmh5_t95liIoyVSWRfgQ97sP6ggm9iUWn4pw" />
    <input value="7039" 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/bohnen-mix-dose-bio-400-g-7130">
          <img alt="Bohnen Mix Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4093/file/small-4ef85c1be8542a76bc3f1b27e0347d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4093/file/large-507c6612f6e9e9c1f18539a062530cfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-mix-dose-bio-400-g-7130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Mix Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W3tH2ZyBgMZ5D9Xo9Zmt--DLIEGJgXKhvZdqBB1A2r7B52HHSjngch_nKzE72gAeVDiBIXM860svTa_xYRH-BA" />
    <input value="7130" 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/bohnen-azuki-bohnen-rohkostqualitat-bio-500-g-7132">
          <img alt="Bohnen Azuki Bohnen Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4095/file/small-bb94db5ad0ed317211cad352dbe23a93.webp 600w, https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4095/file/large-ab8ca14b428513f837b89ca3456e8fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-azuki-bohnen-rohkostqualitat-bio-500-g-7132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Azuki Bohnen Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IvaVJyDLBODeInpEu3lPS7yr7_z0g5BfL1m18ULNZem4arM59nNkVLjKhJ11OuKuCFhOnA4-CbW9g3AEPpxBUw" />
    <input value="7132" 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/bohnen-schwarz-dose-bio-400-g-7517">
          <img alt="Bohnen Schwarz Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4326/file/small-6efd87fba6f7b4b6386284c5f52791c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4326/file/medium-318572a9b9a3ba9be5c485741db2ecfb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4326/file/large-e458560a36fb000574c4374c729357d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4326/file/medium-318572a9b9a3ba9be5c485741db2ecfb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-schwarz-dose-bio-400-g-7517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Schwarz Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q08dhBr3CztxmLevPDnTdpuvh-erYjAGkp7PU06ORSIx0zuazE9rjxdwSXbyen6TL1wmh1HfqewARAqmMt9hmA" />
    <input value="7517" 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/tafel-rapunzel-kokosmilch-vegane-schokolade-bio-80-g-7598">
          <img alt="Tafel Rapunzel Kokosmilch Vegane Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4385/file/small-feca33cbfd36889f3af6cf2dc9c2e20e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4385/file/large-08b077a2955635c5c36cc04335a5e39a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/tafel-rapunzel-kokosmilch-vegane-schokolade-bio-80-g-7598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Kokosmilch Vegane Schokolade Bio, 80 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 5.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ct5vbywrVdvQPs5S3rdi95u8xcQ4jnefGWqgtT_d86HoQklx-pM1b7bWMIsQ9M8SL09kpMIz7nWLsGVAQ4zXGw" />
    <input value="7598" 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/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
          <img alt="Gebrannte Mandel Creme Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4470/file/small-4f41b8ebefe4118fffc4c9c4f27b7c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4470/file/large-15a60ac3a15af39052371290947125ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gebrannte Mandel Creme Brotaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jogxpb0rUdVy-rlrdmCoFumOgXwanm_csr9vugE6Cki8FBe7a5MxYRQSR7K4IwXzXX0gHOAj9jYgZapPfWsu8g" />
    <input value="7746" 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/mandeln-mandelblattchen-bio-100-g-7880">
          <img alt="Mandeln Mandelblättchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4609/file/small-5be87b906bb1ae43b447acb42d39874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4609/file/large-91ed8ca5ad4be8a47fa7366a1ce5d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/mandeln-mandelblattchen-bio-100-g-7880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln Mandelblättchen Bio, 100 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 4.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_aZZ-8IkM8IKvCVL7S9CK_PaO7eryCSP9G2RiX7EQCxnOn_lFJxTdmxU25IjbO_ORyma11F1vWVmt1R8ApVklg" />
    <input value="7880" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
          <img alt="Rapunzel Espresso Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Espresso Zartbitterschokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKKy1TfqVblZ-0woovJSqPemQTOeUsNrLEIugeLjLcviPpTL4VI1DT8TsvFssf9NQ1XgU2TvWoG-mOt0nrIJcQ" />
    <input value="7934" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
          <img alt="Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4658/file/small-008035d4df407cc896379b1d02029469.webp 600w, https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4658/file/large-6b5b6647cd1d5e27fb2c22048d1623b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TjJEQU6oG465lYvmMQ_gla-uvCktHwxovQxk-yMCPXXUrmJfmBB7Ot99dT__TE1wG10dSdeilYIv1qEOX1MZzw" />
    <input value="7938" 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/erdnusskerne-gerostet-grossgebinde-bio-2-5-kg-9059">
          <img alt="Erdnusskerne geröstet Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5190/file/small-8f92869d4803b9cec7de3307cf1cb852.webp 600w, https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/5190/file/large-ac091efbb316c7b08ee48e19e89cfc87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/erdnusskerne-gerostet-grossgebinde-bio-2-5-kg-9059">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnusskerne geröstet Grossgebinde Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXTwJTzLhhvXF_7j1qZ7c4grBMbMFhFUOltAp-DOHYrf6NY76nPmr7H_ADoY5daWPNilpjariL6ogYVSnJ85MA" />
    <input value="9059" 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/tahin-sesammus-ohne-salz-bio-500-g-9443">
          <img alt="Tahin (Sesammus) ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/tahin-sesammus-ohne-salz-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin (Sesammus) ohne Salz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ER2w3sIOhV5paUw_PcVIHAP9Gp1eeRnrgePlRRzEb-GLgZbAFLbl6g-BsubzhuX5tw67_aTEgAETOSCwYJVLWw" />
    <input value="9443" 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/bohnen-weisse-jumbo-bio-500-g-9569">
          <img alt="Bohnen Weisse Jumbo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5368/file/small-9b50ab94faaf6435767f2c85d9fbd4ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5368/file/large-e583369a4553fdef2e21089257f0e0be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-weisse-jumbo-bio-500-g-9569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Weisse Jumbo Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zGnqGfQXGEg4X-z3nyZJYgJgJFUT6V3VElNZIv3D9jVW9cwHIq94_F63Ei5RZeSHtpOFNelUxD-AiZzXgZLSjw" />
    <input value="9569" 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/haselnussmus-bio-500-g-9581">
          <img alt="Haselnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5377/file/small-a1e822b410d645fa70f8ea6e4ea23ae7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5377/file/large-7c6a554926a896133ecd47dfdf9fae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eCpkpSpu1cwQY7nk9VpyUoR7DwVYc7BYZrFLtRyusfHitkK7_Na1eHaLRz07Gd-3MIiuZaLOKbL0a45AYP-VSw" />
    <input value="9581" 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/nuss-nougat-creme-bio-250-g-9583">
          <img alt="Nuss-Nougat Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5378/file/small-6ff86486718403a8ccfe1e56ae78bf3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp 900w, https://assets.fabulous.ch/public/variant_asset/5378/file/large-edcab1960a69bc894af2c9cc0690b9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/nuss-nougat-creme-bio-250-g-9583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nuss-Nougat Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6q9l_5tSYMD36al4wL-sGNgeXdSTcMuCmE1d0IMuVIBwM0PhTeoAdJEBV6EO_AH9bO38tGnNUmgKl5gl_39wOg" />
    <input value="9583" 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/backerbsen-crossies-bio-150-g-11348">
          <img alt="Backerbsen Crossies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/backerbsen-crossies-bio-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backerbsen Crossies Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CPc1d2xXIojA6oGAxTcltvTvC9r17Vvq7PLLG9TJ8EuSaxNpuu9CPKYCf1kLdIhTQByqug9QwgB-KA7uqJjU8Q" />
    <input value="11348" 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/lasagneblatter-vollkorn-bio-250-g-11580">
          <img alt="Lasagneblätter Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5917/file/small-289df9840bd5e8b273603f81029d4b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp 900w, https://assets.fabulous.ch/public/variant_asset/5917/file/large-466f5bebccaab1f76c502dcf90617c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/lasagneblatter-vollkorn-bio-250-g-11580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagneblätter Vollkorn Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zEWJyHlDlaiG5ZI2HCU0GDLg83shVi6FzqEsP_MOjqpW2a_Wr_v1HOANbO_SZpn9hhNSG9vrt29ce-nKj1-qEA" />
    <input value="11580" 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/dattelsirup-bio-250-g-11711">
          <img alt="Dattelsirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5956/file/small-4a6a30dae253ae10ec31b007f95b6492.webp 600w, https://assets.fabulous.ch/public/variant_asset/5956/file/medium-cda4aacad387bf8b5caefb3ebe9f353a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5956/file/large-292870b342de58fa6c87e8a80cd701ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5956/file/medium-cda4aacad387bf8b5caefb3ebe9f353a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/dattelsirup-bio-250-g-11711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelsirup Bio, 250 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 2.34 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qnIJNO2d-ApORoAgY0EUFpfvRaYcjyaSMssFYygX4kAw7i8qOyWYviiufvmtArnzIxzkxuYyv3igEcCWVEbG-g" />
    <input value="11711" 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/passata-glas-bio-680-g-12368">
          <img alt="Passata Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6201/file/small-0740258e649347e8d242196f5e4be5de.webp 600w, https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6201/file/large-c2a1fa5a4113ba9175e88453b00bf9a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/passata-glas-bio-680-g-12368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Passata Glas Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6zxGpnp92agzd4_q3y3JdIm4Gv5fMVqDFaAsNfxgjXNxoGC4rMW5HFWfcTMRbmSRPUu7nqWMw2mHeunAgDGpyQ" />
    <input value="12368" 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/bionella-nuss-nougat-creme-bio-400-g-12385">
          <img alt="Bionella Nuss-Nougat Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6209/file/small-6a7ab31e7b1c305a528adb75673e62c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6209/file/large-fb71a581e8a14c556ed4bed2c9629f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bionella-nuss-nougat-creme-bio-400-g-12385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bionella Nuss-Nougat Creme Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </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-12385-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tITlYf5p1P1-9X6oLKWuRZKXkb3z3aHpfqhX3fLNsiEuGMN_KNG0SRgdgHHi5gOgJmQw3QlgOAPscpIojpyWmw" />
    <input value="12385" 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">
      60 von 102 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/manufacturers/rapunzel?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>