<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
          <img alt="Zahncreme Eukalyptus Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3069/file/small-05836db2a2d0b3a4580a154f7d8187e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3069/file/large-8c65ee088364649c123a519d50ee9794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.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">Urtekram</p>
          <a href="/de/products/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Eukalyptus Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5264&quot;],&quot;content_name&quot;:&quot;Zahncreme Eukalyptus Ohne Fluor Bio, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5264&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EBc8G7gqQpM6EFemYRl1NnaXBL_IqLJWWNNMg5VvU5p5mvNAgUE4xmMneMThPPh4qxOu9XD4ovhC976OBvyAug" />
    <input value="5264" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
          <img alt="Zahncreme Minze &amp; Grüntee Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3068/file/small-b73ca34c0372700b0a0c0b2428cbdc71.webp 600w, https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3068/file/large-566767e89233dca6f8fe1b77e258b8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.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">Urtekram</p>
          <a href="/de/products/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Minze &amp; Grüntee Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5263&quot;],&quot;content_name&quot;:&quot;Zahncreme Minze \u0026 Grüntee Ohne Fluor Bio, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5263&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2I1YueuD1Zca7bMBGdlHlNJ5db7EBvnHrzk1ULtDiLWxAJfi0uivwkPanGOZ_MraD_3f9HxW6Wm1HcddKNBblQ" />
    <input value="5263" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mandelol-shampoo-basisch-200-ml-19560">
          <img alt="Mandelöl Shampoo basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10038/file/small-dd0ad573fe0f8f429aca042dbf5a6fba.webp 600w, https://assets.fabulous.ch/public/variant_asset/10038/file/medium-f40626a509adaf4fddfe0fd63332eff0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10038/file/large-e82dacc70fa1d7fc07c6ce87fa734924.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10038/file/medium-f40626a509adaf4fddfe0fd63332eff0.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">Droste-Laux</p>
          <a href="/de/products/mandelol-shampoo-basisch-200-ml-19560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl Shampoo basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19560&quot;],&quot;content_name&quot;:&quot;Mandelöl Shampoo basisch, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19560&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TJntMI1zm_QH6uYvwy9ElYf0S3AI0evQIlJdnyt-72IlFCJrtBjhoV7dyU1DCsnbWnDhOrCB-344dq-SuO08Qg" />
    <input value="19560" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-sensitive-100-ml-19350">
          <img alt="Zahnpasta Sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9785/file/small-8ef285ade6f5434b5f6e60935705072c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9785/file/large-6f7ba0d93c05c496e905c9d1867b3778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-sensitive-100-ml-19350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Sensitive, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19350&quot;],&quot;content_name&quot;:&quot;Zahnpasta Sensitive, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19350&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6EzIBV_zZ_KhE3DB498x6BlRortAjJyilt4W4C5FQUSLPx7LBS3ypOzYqGHqvGJfeHswFVSItyQf4pWEyrGJQ" />
    <input value="19350" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-persian-lime-karton-40-g-19343">
          <img alt="Deo Persian Lime Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9781/file/small-226ac37740aeda321b4afb866f5ae2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/9781/file/medium-91a61629e3c9c19cc9c5c4cf7564925d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9781/file/large-9515ca36ce1630f5a242b4d95f5af946.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9781/file/medium-91a61629e3c9c19cc9c5c4cf7564925d.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-persian-lime-karton-40-g-19343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Persian Lime Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19343&quot;],&quot;content_name&quot;:&quot;Deo Persian Lime Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19343&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E1HuoAe1Qy61UMrU6WK3nxMICRTZ-idZ1oeHt1qp7GN63CH7Pt45e-xn5bZpRzrRzoyjXmGqN_fMo3W6yTo_Qw" />
    <input value="19343" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-pink-grapefruit-karton-40-g-19344">
          <img alt="Deo Pink Grapefruit Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9782/file/small-0043b03df473b68d29239da02cc857c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9782/file/medium-aba09df686695c330154a4d4ac1fa092.webp 900w, https://assets.fabulous.ch/public/variant_asset/9782/file/large-3b3f80e4d7ed4e115b8fc2bf98051a90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9782/file/medium-aba09df686695c330154a4d4ac1fa092.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-pink-grapefruit-karton-40-g-19344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Pink Grapefruit Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19344&quot;],&quot;content_name&quot;:&quot;Deo Pink Grapefruit Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19344&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9TlvKibLcK8iS8y7UISagmhzAzh-WjfYP1Yv1jUSPNqctKBxH6AK-nt849nQoRfMtfepcsYKJ3Ylct3bpoHv-g" />
    <input value="19344" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-sensitiv-highland-breeze-40-g-19346">
          <img alt="Deo Sensitiv Highland Breeze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9783/file/small-88ad578137d0d6975607670f9672cf22.webp 600w, https://assets.fabulous.ch/public/variant_asset/9783/file/medium-4452c421cbf3dbe88681c5e305c3078a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9783/file/large-e02bfa1c73750bd7f47626b463b7e3c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9783/file/medium-4452c421cbf3dbe88681c5e305c3078a.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-sensitiv-highland-breeze-40-g-19346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Sensitiv Highland Breeze, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19346&quot;],&quot;content_name&quot;:&quot;Deo Sensitiv Highland Breeze, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19346&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fNBvVtim6jOyngvjmx4Wq7uNVrQJZ4vV-DsV_wRoGloVXaAN4c2QZuupJIEbO5vlZgn8_rE3m3viH-fyl_vJeg" />
    <input value="19346" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mundwasser-sensitiv-500-ml-19348">
          <img alt="Mundwasser sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9352/file/small-805a024951fe9399c32c476f824552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9352/file/large-8af536db8f8c9ef88fe27c89e94d5175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.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">Ben&amp;Anna</p>
          <a href="/de/products/mundwasser-sensitiv-500-ml-19348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mundwasser sensitiv, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19348&quot;],&quot;content_name&quot;:&quot;Mundwasser sensitiv, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19348&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kXs1rDFMVL2lxXJlCRdoA0Dvrz6yeYwObyfGBZVJaSv49vr3CCcu6PzyXQeJMuVNnWsFdAopnKB1AzQIBtq6Cw" />
    <input value="19348" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-zimt-140-g-19548">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10076/file/small-37acb559e0cd6a6574b7a074bc8c68a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10076/file/large-d5195c52c322d51c73e7b5e91b0c5125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.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">Dr. Bronners</p>
          <a href="/de/products/zahnpasta-zimt-140-g-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19548&quot;],&quot;content_name&quot;:&quot;Zahnpasta Zimt, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19548&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YTlJF3m1Sr3G6ecMDa3nMeqLzAtNFchndT_ag97rY7EItIZMQN4w6J_eyG6NiGp_Nw9mQfVF2MlvGyiOTXiwkQ" />
    <input value="19548" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/liquid-soap-citrus-orange-240-ml-19535">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9370/file/small-6405db75749c12b033e5fbfc80a4567b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9370/file/large-49ff996a70cf8fec701898820a911f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.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">Dr. Bronners</p>
          <a href="/de/products/liquid-soap-citrus-orange-240-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19535&quot;],&quot;content_name&quot;:&quot;Liquid Soap Citrus-Orange, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19535&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n4y9bNEz0j8K1gDKI2cgKKwVdwpniMNnPlCH06x4Ztf2AXI36FioalPhL6ijQq1mcZHdQN_Y08kkdHXeP-u19w" />
    <input value="19535" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19726">
          <img alt="Zahnpasta White mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10332/file/small-254b2e9f48a866c4b64accb1b27e3a46.webp 600w, https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10332/file/large-c41f3a24088187581fc579f1e0c8d37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White mit Fluorid, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19726&quot;],&quot;content_name&quot;:&quot;Zahnpasta White mit Fluorid, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VHUGRcR1dkGhERh17m_k5HOPDCx0X4UyOjcw1pwQ5qk9-Mke_R4MFPgmNxduSmmqrgumZswPlZwgE8LbD4M1iQ" />
    <input value="19726" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-black-100-ml-19349">
          <img alt="Zahnpasta Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9787/file/small-90fce9450550d1559c4a2c700e98f990.webp 600w, https://assets.fabulous.ch/public/variant_asset/9787/file/medium-ac7326c01b1acdfd1f5cdfee42e8095c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9787/file/large-d85f85d7a26568a747f43e4771eb6e0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9787/file/medium-ac7326c01b1acdfd1f5cdfee42e8095c.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-black-100-ml-19349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Black, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19349&quot;],&quot;content_name&quot;:&quot;Zahnpasta Black, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19349&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QDBloAvPw4fqOTOFFwV1Fi6uTdTaEP3ArQjnJqzbyjApvar7MqS50rMOHOeXIPhY8yrnnmJA7W63LBUrP0gZEA" />
    <input value="19349" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-white-100-ml-19351">
          <img alt="Zahnpasta White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9786/file/small-2a490127431112dde46843d045f4c030.webp 600w, https://assets.fabulous.ch/public/variant_asset/9786/file/medium-7badb3ea0b54dedaec4ff73de617e9fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9786/file/large-4b2c323da779f0846c191a4f459d6ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9786/file/medium-7badb3ea0b54dedaec4ff73de617e9fa.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-white-100-ml-19351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19351&quot;],&quot;content_name&quot;:&quot;Zahnpasta White, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19351&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MO0qI3jsTcU-g6RcjDz7sIT4sT8qgs2CmRTvn1JXVN5ZYOV4QYc3kGe0iz4MGXb-WXwbdZLS3SyDMB2SwcSH_g" />
    <input value="19351" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bar-soap-baby-mild-140-g-19520">
          <img alt="Bar Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9357/file/small-a658b59e53181ea839f2497125bc678b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9357/file/large-24bdc089670e8b131c76677b1a580d2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.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">Dr. Bronners</p>
          <a href="/de/products/bar-soap-baby-mild-140-g-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19520&quot;],&quot;content_name&quot;:&quot;Bar Soap Baby Mild, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="50tw6R6OrxL66ktMmFRBgGa3q9SOkz8X5Tp72lAgzTSOxr-yJ-XVR6PdZC4YcczOuzMBnjbDL7n_HonXw7MeFA" />
    <input value="19520" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bar-soap-sandelholz-jasmin-140-g-19519">
          <img alt="Bar Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10030/file/small-fdfbc655a31b5a3f356a23b5e8dcded5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10030/file/large-36ee9610305e4fccfb25b7af838c2357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.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">Dr. Bronners</p>
          <a href="/de/products/bar-soap-sandelholz-jasmin-140-g-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Sandelholz-Jasmin, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19519&quot;],&quot;content_name&quot;:&quot;Bar Soap Sandelholz-Jasmin, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="11-Yk33J_c2RLRx6l6bVT8cQSwm7haPi2k-V_wUftuq-0lfIRKKHmMgaMxgXg1gBGpThQwPVs0zAa2fyloxlyg" />
    <input value="19519" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/badesalz-rose-300-g-19885">
          <img alt="Badesalz Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10523/file/small-f32b2bb9f778bec31294063cf09552fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10523/file/medium-cf5bd19a943175ab0a2d85851e86e1b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10523/file/large-dd73bb71ecca7430395f2dccd1e50481.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10523/file/medium-cf5bd19a943175ab0a2d85851e86e1b2.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">Ben&amp;Anna</p>
          <a href="/de/products/badesalz-rose-300-g-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Rose, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19885&quot;],&quot;content_name&quot;:&quot;Badesalz Rose, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19885&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d7vERUweoyWptWoG9w73zQCmIiMJ5eZ1WENJdgDuFSYeNgsedXXZcPCCRWR3K3qD3SKIabG19ttCZ7t7k33GBg" />
    <input value="19885" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-10-kg-17730">
          <img alt="Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8644/file/small-6c8c46999d89655149581b5fe998ae0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8644/file/large-091c02431dba522e65a5ccd38dd18b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.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">Yarrah</p>
          <a href="/de/products/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-10-kg-17730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17730&quot;],&quot;content_name&quot;:&quot;Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio, 10 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17730&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:85.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uruM3Fc9bPyEh9FxqqC4ZDekwzYHydMYb6nODmYrZFXTNkOHblYWqd2w_hMqhTUq6iBpfL-Zw7Z1jTwD9bi3dQ" />
    <input value="17730" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-vegane-alternative-zu-joghurt-kaffee-bio-140-g-7233">
          <img alt="New Roots Vegane Alternative zu Joghurt - Kaffee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4111/file/small-3bc625eb5491edd27b303468fed3dc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4111/file/large-f49eeaa788ee4fb2b2616aea57e8c970.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.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">New Roots</p>
          <a href="/de/products/new-roots-vegane-alternative-zu-joghurt-kaffee-bio-140-g-7233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Vegane Alternative zu Joghurt - Kaffee Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7233&quot;],&quot;content_name&quot;:&quot;New Roots Vegane Alternative zu Joghurt - Kaffee Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RdzZppFm8T1-58-bQOenRMDba5Su-ZLsAvqRgVdoWRwsURb9qA2LaCfQ4PnAwioKHV_B3hapgkIY3mOMxPuKPA" />
    <input value="7233" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haferdrink-ohne-zucker-bio-1-l-c2d9a774-6c06-4e1e-a527-729bb82933e6-17189">
          <img alt="Haferdrink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8017/file/small-7a57a5b54b24b1304b76550de3ff9d49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8017/file/large-87f8aee8163fed7f81188c053ab1641f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.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">Alpro</p>
          <a href="/de/products/haferdrink-ohne-zucker-bio-1-l-c2d9a774-6c06-4e1e-a527-729bb82933e6-17189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17189&quot;],&quot;content_name&quot;:&quot;Haferdrink ohne Zucker Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O52ivZUgp110wTnB4f3b7upA1riL0E3m9grk-n3ZyKtSEG3mrEvdCC32FqNh2FagN8R88jOAXUjsLhb37kobiw" />
    <input value="17189" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsteviasol%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/peanut-butter-fein-erdnussmus-bio-500-g-2214">
          <img alt="Peanut Butter Fein Erdnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.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/peanut-butter-fein-erdnussmus-bio-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Butter Fein Erdnussmus Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2214&quot;],&quot;content_name&quot;:&quot;Peanut Butter Fein Erdnussmus Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TEhRUXOk067EgUCz7Fi46IKWUHFWYWfHqvcxRHOB1VElxZ4KSs-p-522b9FsfTWmXxL6O-4xd2mw08NJ4BIGcQ" />
    <input value="2214" 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">
      640 von 3&#39;525 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/steviasol?format=turbo_stream&amp;page=33">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>