<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-1073-id-1548-restaurantlunchroom-in-voorschoten">
<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">ID: 1548 Restaurant/Lunchroom in Voorschoten</h3>
<span class="block text-sm mb-4">Kerkplein 5, Voorschoten</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">
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/1073/61698b22b8e2a7.16925288-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-1072-id-1549-brasserie-aan-de-gezellige-sluiskant-in-leidschendam">
<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">ID: 1549 Brasserie aan de gezellige sluiskant in Leidschendam</h3>
<span class="block text-sm mb-4">Sluiskant 25, Leidschendam</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">
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/1072/61698a152c9800.67519983-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-1071-check-dubbelcheck">
<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">Check, dubbelcheck</h3>
<span class="block text-sm mb-4">Potterstraat 22, Utrecht</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 110.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 37.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/1071/616824af485129.83007296-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-1070-jackpot">
<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">Jackpot!</h3>
<span class="block text-sm mb-4">Amsterdamsestraatweg 144G, Utrecht</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 60.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 25.200 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/1070/616823440d3252.74078912-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-1069-id-4158-casco-horecawinkelruimte-in-het-centrum-van-den-haag">
<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">ID 4158 Casco horeca/winkelruimte in het centrum van Den Haag</h3>
<span class="block text-sm mb-4">Kettingstraat 3, Den Haag</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
N.o.t.k.
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 20.400 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/1069/616815f8150ef3.12486637-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/vastgoed-1068-boetiek-hotel-hof-van-holland">
<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">Boetiek Hotel Hof van Holland</h3>
<span class="block text-sm mb-4">Lingerzijde 69, Edam</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 2.450.000 k.k.
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
€ 150.000
</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/1068/6167e7f09fc7c1.59383401-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-1067-paleisje-op-de-dam">
<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">Paleisje op de Dam</h3>
<span class="block text-sm mb-4">Damplein 5, Edam</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 1.695.000 k.k.
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
N.o.t.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/1067/6166e99da626b5.03051057-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">
Verkocht onder voorbehoud
</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-1066-cafetaria-t-gouden-schip">
<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 't Gouden Schip</h3>
<span class="block text-sm mb-4">Reyerdijk 110, Rotterdam</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 265.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/1066/6166e4ae6993f0.40374224-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-1065-greec-fastfood">
<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">Greec Fastfood</h3>
<span class="block text-sm mb-4">Kerkstraat 5A, Tiel</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 15.500 excl. BTW
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 11.520 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/1065/6166e31765dce7.14394168-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-1064-id2293-goedlopende-horecazaak-met-terras-hoeklocatie-in-amsterdam-oud-west">
<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">ID2293 Goedlopende horecazaak met terras hoeklocatie in Amsterdam Oud West</h3>
<span class="block text-sm mb-4">Wilhelminastraat 109, Amsterdam</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 250.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 21.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/1064/616694390f8739.12627973-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-1063-importeurschap-van-kwaliteitswijnen">
<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">Importeurschap van kwaliteitswijnen</h3>
<span class="block text-sm mb-4">Bezorg- en afhaalzaak</span>
<span class="block text-sm">Discreet · Bedrijf</span>
<span class="block font-medium text-hs-green">Zuid-Holland</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/1063/616596532547f7.67194741-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-1062-afhaalrestaurant-met-bovenwoning-en-terras">
<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">(afhaal)Restaurant met bovenwoning en terras</h3>
<span class="block text-sm mb-4">Steenbergsestraat 9, Bergen op Zoom</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">
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/1062/61658fb2ed2c90.87798174-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/bed-and-breakfast?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/bed-and-breakfast?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/bed-and-breakfast?p=2" class="hover:underline" rel="next">Volgende →</a>
</div>
</div>
</div>