{"id":70,"date":"2026-01-27T15:57:23","date_gmt":"2026-01-27T15:57:23","guid":{"rendered":"https:\/\/restauranthotspot.nl\/?page_id=70"},"modified":"2026-09-08T17:49:44","modified_gmt":"2026-09-08T17:49:44","slug":"70-2","status":"publish","type":"page","link":"https:\/\/restauranthotspot.nl\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   DIVIDER \u2014 DESKTOP\n   ============================================================ *\/\n\n.content-block .menu-divider {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: auto;\n    height: auto;\n\n    margin: 0 2px;\n\n    opacity: 0.3;\n\n    background: transparent;\n}\n\n\n\/* ============================================================\n   MOBILE MENU BUTTONS\n   ============================================================ *\/\n\n@media (max-width: 520px) {\n\n    .content-block .menu-row {\n        display: flex !important;\n\n        flex-direction: column !important;\n\n        align-items: center !important;\n        justify-content: center !important;\n\n        width: 100% !important;\n\n        gap: 14px !important;\n\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n\n    \/* Mobile buttons *\/\n\n    .content-block .menu-row a.hs-menu-button {\n        display: flex !important;\n\n        align-items: center !important;\n        justify-content: center !important;\n\n        width: 210px !important;\n        max-width: 100% !important;\n\n        min-width: 0 !important;\n        min-height: 48px !important;\n\n        padding: 11px 18px !important;\n\n        margin: 0 auto !important;\n\n        box-sizing: border-box;\n\n        text-align: center !important;\n        text-indent: 0 !important;\n\n        line-height: 1.2 !important;\n\n        white-space: normal !important;\n\n        -webkit-text-size-adjust: 100%;\n        text-size-adjust: 100%;\n    }\n\n\n    \/*\n       Turn the | divider into a small horizontal line\n       on mobile.\n    *\/\n\n    .content-block .menu-divider {\n        display: block !important;\n\n        width: 40px !important;\n        height: 1px !important;\n\n        margin: 2px auto !important;\n\n        padding: 0 !important;\n\n        background-color: rgba(0, 0, 0, 0.25) !important;\n\n        font-size: 0 !important;\n        line-height: 0 !important;\n\n        opacity: 1;\n    }\n\n\n    \/* Extra protection against Brizy-generated <br> tags *\/\n\n    .content-block .menu-row > br,\n    .content-block .menu-row a.hs-menu-button br {\n        display: none !important;\n    }\n\n}\n\n\n\/* ============================================================\n   VERY SMALL IPHONES \/ PHONES\n   ============================================================ *\/\n\n@media (max-width: 380px) {\n\n    .content-block .menu-row a.hs-menu-button {\n        width: 200px !important;\n\n        padding-left: 14px !important;\n        padding-right: 14px !important;\n\n        font-size: 13px !important;\n    }\n\n}\n    \n\/* ============================================================\n   HOTSPOT PHOTO DIVIDER\n   Thin responsive image strip\n   ============================================================ *\/\n\n.hs-photo-divider {\n    position: relative;\n    display: block;\n\n    \/* Full available width *\/\n    width: 100%;\n    max-width: none;\n\n    \/* DIVIDER height instead of hero height *\/\n    height: clamp(600px, 16vw, 230px);\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #d5c8b4;\n\n    box-sizing: border-box;\n\n    \/* Keeps slider layers contained *\/\n    isolation: isolate;\n\n    \/* Optional subtle bottom edge *\/\n    border-bottom: 6px solid rgba(0, 0, 0, 0.08);\n\n    clip-path: polygon(\n    0 0,\n    100% 0,\n    100% 88%,\n    0 100%\n);\n}\n\n\n\/* ============================================================\n   SLIDES\n   ============================================================ *\/\n\n.hs-photo-slide {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    opacity: 0;\n\n    z-index: 1;\n\n    transition: opacity 1.5s ease-in-out;\n}\n\n\n\/* Visible slide *\/\n\n.hs-photo-slide.is-active {\n    opacity: 1;\n    z-index: 2;\n}\n\n\n\/* ============================================================\n   IMAGES\n   ============================================================ *\/\n\n.hs-photo-slide img {\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100% !important;\n    height: 100% !important;\n\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: cover;\n\n    \/* Adjust this if the important part is too high\/low *\/\n    object-position: center center;\n\n    transform: scale(1.01);\n\n    will-change: transform;\n}\n\n\n\/* ============================================================\n   SLOW ZOOM\n   ============================================================ *\/\n\n.hs-photo-slide.is-active img {\n    animation: hs-divider-zoom 8s linear forwards;\n}\n\n\n@keyframes hs-divider-zoom {\n\n    from {\n        transform: scale(1.01);\n    }\n\n    to {\n        transform: scale(1.08);\n    }\n\n}\n\n\n\/* ============================================================\n   OPTIONAL DARK OVERLAY\n   Gives the pictures a softer restaurant look\n   ============================================================ *\/\n\n.hs-photo-divider::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    z-index: 3;\n\n    background: rgba(0, 0, 0, 0.08);\n\n    pointer-events: none;\n}\n\n\n\/* ============================================================\n   TABLET\n   ============================================================ *\/\n\n@media (max-width: 900px) {\n\n    .hs-photo-divider {\n        height: 280px;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n   ============================================================ *\/\n\n@media (max-width: 600px) {\n\n    .hs-photo-divider {\n        height: 240px;\n\n        border-bottom-width: 4px;\n   \n        clip-path: polygon(\n    0 0,\n    100% 0,\n    100% 88%,\n    0 100%\n);\n    }\n\n}\n\n\n\/* ============================================================\n   SMALL IPHONE\n   ============================================================ *\/\n\n@media (max-width: 390px) {\n\n    .hs-photo-divider {\n        height: 220px;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n   ============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .hs-photo-slide {\n        transition-duration: 0.3s;\n    }\n\n    .hs-photo-slide.is-active img {\n        animation: none;\n        transform: scale(1.01);\n    }\n\n}\n<\/style>\n\n<section class=\"hs-photo-divider\">\n\n    <div class=\"hs-photo-slide is-active\">\n        <img decoding=\"async\" src=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/09\/DSF7115-scaled.jpg\" alt=\"Hotspot Restaurant\">\n    <\/div>\n\n    <div class=\"hs-photo-slide\">\n        <img decoding=\"async\" src=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/09\/DSF7151-scaled.jpg\" alt=\"Hotspot Restaurant\">\n    <\/div>\n\n    <div class=\"hs-photo-slide\">\n        <img decoding=\"async\" src=\"https:\/\/chineesrestaurantlibelle.nl\/wp-content\/uploads\/2021\/08\/home-donker.jpg.webp\" alt=\"Hotspot Restaurant\">\n    <\/div>\n<\/section>\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const divider =\n        document.querySelector(\".hs-photo-divider\");\n\n    if (!divider) {\n        return;\n    }\n\n    const slides =\n        divider.querySelectorAll(\".hs-photo-slide\");\n\n    if (slides.length <= 1) {\n        return;\n    }\n\n    let current = 0;\n\n    const duration = 7000;\n\n\n    function nextSlide() {\n\n        slides[current]\n            .classList\n            .remove(\"is-active\");\n\n\n        current =\n            (current + 1) % slides.length;\n\n\n        \/*\n           Restart zoom animation when slide\n           becomes active again.\n        *\/\n\n        const image =\n            slides[current].querySelector(\"img\");\n\n        if (image) {\n\n            image.style.animation = \"none\";\n\n            void image.offsetWidth;\n\n            image.style.animation = \"\";\n\n        }\n\n\n        slides[current]\n            .classList\n            .add(\"is-active\");\n\n    }\n\n\n    setInterval(\n        nextSlide,\n        duration\n    );\n\n});\n\n<\/script>\n<\/div>\n<\/div>\n\n\n<div class=\"hotspot-wrapper\">\n<div class=\"hotspot-center\">\n<div class=\"logo-wrapper\">\n      <img decoding=\"async\"\n        src=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/01\/logo-met-witruimtemet-achtergrondkleur.png\"\n        alt=\"Hotspot Restaurant Logo\"\n      >\n    <\/div>\n<p>    <!-- \u00c0 la carte --><\/p>\n<div class=\"content-block\">\n<div class=\"menu-title--long\" id=\"menukaart\">\n<h2><b>Menukaarten<\/b><\/h2>\n<\/div>\n<div class=\"menu-title\">\u00c0 la carte<\/div>\n<div class=\"menu-row\">\n<p>    <a\n        href=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/02\/A-la-carte-hotspot-def.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"hs-menu-button\"\n    ><br \/>\n        Shared Diner Menu<br \/>\n    <\/a><\/p>\n<p>    <span class=\"menu-divider\">|<\/span><\/p>\n<p>    <a\n        href=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/02\/Bijgerechten-def2.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"hs-menu-button\"\n    ><br \/>\n        Bijgerechten<br \/>\n    <\/a><\/p>\n<\/div>\n<div class=\"menu-title\">Hotpot<\/div>\n<p>\n    Voorlopig alleen op reservering (minstens 1 dag van te voren)*\n<\/p>\n<div class=\"menu-row\">\n<p>    <a\n        href=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/02\/Hotpot-menu-laatste-versie.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"hs-menu-button\"\n    ><br \/>\n        Hotpot Menu<br \/>\n    <\/a><\/p>\n<p>    <span class=\"menu-divider\">|<\/span><\/p>\n<p>    <a\n        href=\"https:\/\/restauranthotspot.nl\/wp-content\/uploads\/2026\/02\/Bijgerechten-Hotpot.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"hs-menu-button\"\n    ><br \/>\n        Bijgerechten<br \/>\n    <\/a><\/p>\n<\/div>\n<p>Voor meer informatie zijn wij telefonisch bereikbaar.<\/p>\n<\/div>\n<\/div>\n<div id=\"contact\" class=\"opening-block\">\n<div class=\"opening-label\">Telefoon<\/div>\n<div class=\"telefoon\">072 531 7310<\/div>\n<div class=\"opening-label\">Openingstijden<\/div>\n<div class=\"opening-hours\">Dinsdag t\/m zondag \u00b7 17:00 \u2013 22:00<\/div>\n<div class=\"opening-label\">Adres<\/div>\n<div class=\"adres\">Middenwaard 89-A, 1703 SC Heerhugowaard<\/div>\n<\/div>\n<footer class=\"hotspot-footer\">\u00a9 2026 HY Solutions<\/footer>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Menukaarten \u00c0 la carte Shared Diner Menu | Bijgerechten Hotpot Voorlopig alleen op reservering (minstens 1 dag van te voren)* Hotpot Menu | Bijgerechten Voor meer informatie zijn wij telefonisch bereikbaar. Telefoon 072 531 7310 Openingstijden Dinsdag t\/m zondag \u00b7 17:00 \u2013 22:00 Adres Middenwaard 89-A, 1703 SC Heerhugowaard \u00a9 2026 HY Solutions<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70"}],"version-history":[{"count":5,"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions\/283"}],"wp:attachment":[{"href":"https:\/\/restauranthotspot.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}