<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/belegging-1040-lammermarkt-100-leiden">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Lammermarkt 100, Leiden</h3>
<span class="block text-sm mt-4">
Belegging
</span>
<span class="block font-medium text-hs-green">
€ 2.650.000 excl. BTW
</span>
<span class="block text-sm mt-2">
Factor
</span>
<span class="block font-medium text-hs-green">
2.650.000,0
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1040/615ad3962fc916.92313281-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1087-cafetaria-met-bezorgscooters-en-fietsen">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Cafetaria met bezorgscooters en fietsen</h3>
<span class="block text-sm mb-4">Burgstraat 56/58, Gorinchem</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 65.000 excl. BTW
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 15.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1087/6176704c0f2039.78001430-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1086-gyros">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Gyros </h3>
<span class="block text-sm mb-4">Molenstraat 1, Gorinchem</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 42.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1086/61766df6dbbdf6.33785867-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1085-cafe-restaurant-met-terras-bovenwoning-en-recreatiewoning">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Café-Restaurant met terras, bovenwoning en recreatiewoning</h3>
<span class="block text-sm mb-4">Dorpsstraat 94, Wemeldinge</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
Op aanvraag
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
Op aanvraag
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1085/61765bc10eda88.69264385-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1084-beachclub-aan-het-water">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Beachclub aan het water!</h3>
<span class="block text-sm mb-4">Eiland van Maurik 14, Maurik</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 175.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 7.250 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1084/6171293eac2e60.09592102-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-996-cafetaria-in-oostvoorne">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Cafetaria in Oostvoorne</h3>
<span class="block text-sm mb-4">Hoflaan 7, Oostvoorne</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 164.950.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 19.200 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/996/614c421f918dc6.09299247-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1083-onroerend-goed-en-exploitatie-de-pandoer-te-heusen-gemeente-asten-te-koop">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Onroerend goed en exploitatie "de Pandoer " te Heusen ( gemeente Asten ) te koop</h3>
<span class="block text-sm mb-4">Vorstenmansplein 24, Heusden gem. Asten</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
Op aanvraag
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
Op aanvraag
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1083/61702940028861.37532267-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1082-eetcafe-bij-bas">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Eetcafé Bij Bas</h3>
<span class="block text-sm mb-4">Hogezoom 189A, Renesse</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 198.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 42.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1082/616fce3fd43a08.63942552-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1081-vastgoed-en-inventaris-vrijstaand-pand">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Vastgoed en Inventaris vrijstaand pand</h3>
<span class="block text-sm mb-4">Hoofdstraat 75, 's Gravenmoer</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 850.000 k.k.
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1081/616fc68f3af188.85683186-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1048-horeca-exploitatie-midden-op-de-markt-in-veghel">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Horeca exploitatie midden op de Markt in Veghel </h3>
<span class="block text-sm mb-4">Markt 30, Veghel</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 35.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1048/615d6cfe0a43a0.28232693-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/discreet-1080-restaurant-in-utrecht-stad">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Restaurant in Utrecht (stad)</h3>
<span class="block text-sm mb-4">Lunchroom, Restaurant</span>
<span class="block text-sm">Discreet · Bedrijf</span>
<span class="block font-medium text-hs-green">Utrecht</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1080/616ece51580714.42868418-450x300.png" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1079-lunchroom-matcha-macha">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Lunchroom Matcha Macha</h3>
<span class="block text-sm mb-4">Keizerstraat 128, 's-Gravenhage</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 75.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 16.140 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1079/616ea08f6400e3.14364227-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="flex justify-center items-center xs:justify-between">
<div class="hidden xs:block">
<div class="text-hs-green uppercase text-sm font-medium opacity-50" aria-disabled="true">
<span>← Vorige</span>
</div>
</div>
<div>
<ul class="flex items-center">
<li class="flex w-9 h-9 bg-hs-green text-white rounded mx-1">
<span class="inline-block mx-auto self-center font-medium">1</span>
</li>
<li class="flex w-8 h-8 rounded mx-1 hover:bg-hs-green-light hover:text-hs-green">
<a href="/aanbod/leiden?p=2" class="inline-flex w-full h-full justify-center items-center font-medium">
2
</a>
</li>
<li class="inline-block mx-3 font-medium">...</li>
<li class="flex w-8 h-8 rounded mx-1 hover:bg-hs-green-light hover:text-hs-green">
<a href="/aanbod/leiden?p=62" class="inline-flex w-full h-full justify-center items-center font-medium">
62
</a>
</li>
</ul>
</div>
<div class="hidden xs:block">
<div class="text-hs-green uppercase text-sm font-medium">
<a href="/aanbod/leiden?p=2" class="hover:underline" rel="next">Volgende →</a>
</div>
</div>
</div>