<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-1325-id3062-horeca-exploitatie-aan-de-warmoesstraat">
<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">ID3062 Horeca-exploitatie aan de Warmoesstraat</h3>
<span class="block text-sm mb-4">Warmoesstraat 10, Amsterdam</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 395.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 155.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/1325/61ea75e5d67b01.83741865-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-1324-mooie-koffiebar-en-lunchroom-in-het-centrum-van-arnhem">
<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">Mooie koffiebar en lunchroom in het centrum van Arnhem</h3>
<span class="block text-sm mb-4">Café, Koffiezaak, Lunchroom</span>
<span class="block text-sm">Discreet · Bedrijf</span>
<span class="block font-medium text-hs-green">Gelderland</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/1324/61e987624adad7.92033840-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-1323-chocoladebar-lunchroom-en-meer-in-hartje-centrum-arnhem">
<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">Chocoladebar, Lunchroom en meer in hartje centrum Arnhem</h3>
<span class="block text-sm mb-4">Weverstraat 12, Arnhem</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 50.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 21.600 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/1323/61e85767871825.99830425-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-1322-cafe-zaal-hogenkamp-te-lichtenvoorde">
<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é- Zaal Hogenkamp te Lichtenvoorde.</h3>
<span class="block text-sm mb-4">Aaltenseweg 33, Lichtenvoorde</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 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">
€ 1
</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/1322/61e691edb6ef90.06256214-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-1321-kwalitaria-brusselsepoort-maastricht">
<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">Kwalitaria Brusselsepoort Maastricht</h3>
<span class="block text-sm mb-4">Brusselsepoort 2, Maastricht</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/1321/61e68621956122.31506052-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-1320-kaffee-t-haantje-in-maastricht-centrum">
<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">Kaffee 't Haantje in Maastricht-centrum</h3>
<span class="block text-sm mb-4">Markt 72, Maastricht</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/1320/61e5a445a0d0c8.50152766-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-1319-restaurant-in-beekbergen-meer-dan-400m2">
<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 Beekbergen - Meer dan 400m2!</h3>
<span class="block text-sm mb-4">Arnhemseweg 537, Beekbergen</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 59.500
</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/1319/61e58f28bd0951.04354658-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-1318-te-huur-casco-horecapand-in-theaterkwartier-te-lelystad">
<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">Te huur casco horecapand in Theaterkwartier te Lelystad</h3>
<span class="block text-sm mb-4">Agorabaan 12, Lelystad</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">
€ 2.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/1318/61e5787374c159.09916198-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-1317-te-huur-ruimte-dekkershoeve-pannenkoeken-boerderij">
<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">Te Huur Ruimte Dekkershoeve pannenkoeken boerderij</h3>
<span class="block text-sm mb-4">Essepad 6, Dekkershoeve</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 75.000 excl. BTW
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 4.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/1317/61e57357056a63.13179948-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-1316-zita-pita">
<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">Zita Pita</h3>
<span class="block text-sm mb-4">Molendijk 35, Oud-Beijerland</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 95.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 10.608 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/1316/61e539fb15ba09.70607095-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-1315-goedlopende-dagzaak-noord-brabant">
<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">Goedlopende dagzaak Noord-Brabant</h3>
<span class="block text-sm mb-4">Koffiezaak, Lunchroom</span>
<span class="block text-sm">Discreet · Bedrijf</span>
<span class="block font-medium text-hs-green">Noord-Brabant</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/1315/61e5358527aac2.66123519-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-1314-id-3060-eetcafe-middenin-de-gezellige-kinkerbuurt">
<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 3060 Eetcafe Middenin de gezellige Kinkerbuurt </h3>
<span class="block text-sm mb-4">Nicolaas beetsstraat 51, Amsterdam</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 45.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 1.169 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/1314/61e16a1bf056e5.76593812-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=54" class="inline-flex w-full h-full justify-center items-center font-medium">
54
</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>