{"data":"<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/gin-and-tonic\" aria-label=\"Gin &amp; Tonic\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/03ae4e695a513e5af0416bd9554ad8e6.jpg\" alt=\"Ultimate gin and tonic\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/gin-and-tonic\" aria-label=\"Gin &amp; Tonic\">Gin &amp; Tonic<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"white-grape-apricot-primary product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Premium Indian Tonic Water                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"white-grape-apricot-primary\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/gin-and-tonic\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/ultimate-vodka-tonic\" aria-label=\"Den Ultimative Vodka &amp; Tonic\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/92c4473f27f2be477d83658e328cc5e3.jpg\" alt=\"Ultimate vodka and tonic\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/ultimate-vodka-tonic\" aria-label=\"Den Ultimative Vodka &amp; Tonic\">Den Ultimative Vodka &amp; Tonic<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"mediterranean-tonic product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Mediterranean Tonic Water                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"mediterranean-tonic\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/ultimate-vodka-tonic\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/perfect-storm\" aria-label=\"Den Ultimative Perfect Storm\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/401e5a95402753dcd8ff17bc0ccd9c4e.jpg\" alt=\"Perfect Storm with Fever-Tree\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/perfect-storm\" aria-label=\"Den Ultimative Perfect Storm\">Den Ultimative Perfect Storm<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"ginger-beer product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Ginger Beer                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"ginger-beer\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/perfect-storm\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/ultimate-summer-cup\" aria-label=\"Den Ultimative Sommer-Punch\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/a06e0dd46c4791434cceaf50c5a68f3b.jpg\" alt=\"Ultimate summer cup\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/ultimate-summer-cup\" aria-label=\"Den Ultimative Sommer-Punch\">Den Ultimative Sommer-Punch<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"ginger-ale product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Ginger Ale                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"ginger-ale\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/ultimate-summer-cup\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/sloe-gin-and-lemon-tonic\" aria-label=\"Sloe gin and lemon tonic\">\n\n                    <img class=\"image  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/651a37e7dc2b5e48450ea46e2e5c46ab.jpg\" alt=\"Sloe gin and lemon tonic\" \/>\n                                            <img class=\"image-hover\" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/3b2b8690de223e88c034eebea13d1ca6.jpg\" alt=\"Hover image\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/sloe-gin-and-lemon-tonic\" aria-label=\"Sloe gin and lemon tonic\">Sloe gin and lemon tonic<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"bitter-lemon product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Refreshingly Light Lemon Tonic Water                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"bitter-lemon\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/sloe-gin-and-lemon-tonic\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/whisky-ginger\" aria-label=\"Den Ultimative Whisky Ginger\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/d711d2efbc297a4d7cbac84dce728195.jpg\" alt=\"\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/whisky-ginger\" aria-label=\"Den Ultimative Whisky Ginger\">Den Ultimative Whisky Ginger<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"ginger-ale product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Ginger Ale                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"ginger-ale\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/whisky-ginger\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/whisky-ginger-beer\" aria-label=\"Den Ultimative Whisky &amp; Ginger Beer\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/b789a9decab4451a3115aae59c0a5d66.jpg\" alt=\"\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/whisky-ginger-beer\" aria-label=\"Den Ultimative Whisky &amp; Ginger Beer\">Den Ultimative Whisky &amp; Ginger Beer<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"ginger-beer product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Ginger Beer                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"ginger-beer\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/whisky-ginger-beer\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n<div class=\"cocktail-block\">\n        <div class=\"listing-block expanded text-center test match-height\">\n\n            \n            <div class=\"listing-image\">\n                <a href=\"\/cocktails\/mojito\" aria-label=\"Den Ultimative Mojito\">\n\n                    <img class=\"image  no-hover  \" src=\"https:\/\/fevertree.s3.eu-west-2.amazonaws.com\/thumbs\/x500\/5450ce008dd5eaf11bb326f74981c894.png\" alt=\"\" \/>\n                    \n                <\/a>\n            <\/div>\n\n            <div class=\"listing-info text-black\">\n                <p class=\"cocktail-name title par text-med\">\n                    <a href=\"\/cocktails\/mojito\" aria-label=\"Den Ultimative Mojito\">Den Ultimative Mojito<\/a>\n\n                <\/p>\n                \n                \n                <div class=\"sicilian-lemonade product-name-wrapper\">\n                    <span class=\"also-available product-text-primary\">\n                        <em>\n                            Premium Soda Water                        <\/em>\n                    <\/span>\n                <\/div>\n                    \n                <span class=\"sicilian-lemonade\">\n                    <a class=\"cta cta-small custom-product-colour hover-black product-border-primary product-bg-primary\" href=\"\/cocktails\/mojito\" aria-label=\"Se Mere\">Se Mere<\/a>\n\n                <\/span>\n\n            <\/div><!-- listing-info -->\n        <\/div><!-- listing-block -->\n    <\/div><!-- cell medium-4 -->\n\n","count":8,"links":"<nav role=\"navigation\" aria-label=\"Pagination Navigation\" class=\"flex items-center justify-between\">\n        <div class=\"flex justify-between flex-1 sm:hidden\">\n                            <span class=\"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md\">\n                    Prev\n                <\/span>\n            \n                            <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=2\" class=\"relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\">\n                    Next\n                <\/a>\n                    <\/div>\n\n        <div class=\"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between\">\n            <div>\n                <p class=\"text-sm text-gray-700 leading-5\">\n                    Showing\n                                            <span class=\"font-medium\">1<\/span>\n                        to\n                        <span class=\"font-medium\">8<\/span>\n                                        of\n                    <span class=\"font-medium\">57<\/span>\n                    results\n                <\/p>\n            <\/div>\n\n            <div>\n                <span class=\"relative z-0 inline-flex shadow-sm rounded-md\">\n                    \n                                            <span aria-disabled=\"true\" aria-label=\"Prev\">\n                            <span class=\"relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5\" aria-hidden=\"true\">\n                                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n                                <\/svg>\n                            <\/span>\n                        <\/span>\n                    \n                    \n                                            \n                        \n                        \n                                                                                                                        <span aria-current=\"page\">\n                                        <span class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5\">1<\/span>\n                                    <\/span>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=2\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 2\">\n                                        2\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=3\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 3\">\n                                        3\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=4\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 4\">\n                                        4\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=5\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 5\">\n                                        5\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=6\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 6\">\n                                        6\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=7\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 7\">\n                                        7\n                                    <\/a>\n                                                                                                                                <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=8\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150\" aria-label=\"Go to page 8\">\n                                        8\n                                    <\/a>\n                                                                                                        \n                    \n                                            <a href=\"https:\/\/fever-tree.com\/da_DK\/api\/cocktail_search?q=&amp;type=&amp;mixer_id=&amp;taste=&amp;collection_id=&amp;page=2\" rel=\"next\" class=\"relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150\" aria-label=\"Next\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\" \/>\n                            <\/svg>\n                        <\/a>\n                                    <\/span>\n            <\/div>\n        <\/div>\n    <\/nav>\n"}