{"id":220,"date":"2025-05-23T12:14:00","date_gmt":"2025-05-23T12:14:00","guid":{"rendered":"https:\/\/argolidagreece.gr\/?page_id=220"},"modified":"2026-05-24T09:10:16","modified_gmt":"2026-05-24T09:10:16","slug":"kefalari","status":"publish","type":"page","link":"https:\/\/argolidagreece.gr\/?page_id=220","title":{"rendered":"\u039a\u0395\u03a6\u0391\u039b\u0391\u03a1\u0399"},"content":{"rendered":"\n\n\n\n<h5>\u039a\u0395\u03a6\u0391\u039b\u0391\u03a1\u0399<\/h5>\n\n\n\n\n<!-- DRONE IMAGE -->\n<div id=\"droneBox\"\n     onclick=\"\n        document.getElementById('droneBox').style.display='none';\n        document.getElementById('panorama').style.display='block';\n\n        pannellum.viewer('panorama', {\n            type: 'equirectangular',\n            panorama: 'https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg',\n            autoLoad: true,\n            autoRotate: 2,\n            showZoomCtrl: true,\n            hotSpots: [\n                {\n                    pitch: 0,\n                    yaw: 0,\n                    type: 'custom',\n                    createTooltipFunc: createInfoHotspot,\n                    createTooltipArgs: {}\n                }\n            ]\n        });\n     \"\n     style=\"\n        width:450px;\n        height:300px;\n        margin:auto;\n        border-radius:12px;\n        overflow:hidden;\n        cursor:pointer;\n     \">\n    <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\"\n         style=\"width:100%; height:100%; object-fit:cover;\" \/>\n<\/div>\n\n<!-- PANORAMA -->\n<div id=\"panorama\"\n     style=\"\n        width:450px;\n        height:300px;\n        margin:auto;\n        border-radius:12px;\n        overflow:hidden;\n        background:#000;\n        display:none;\n     \">\n<\/div>\n\n<!-- INFO PANEL -->\n<div id=\"infoPanel\" class=\"info-panel\">\n    <div class=\"info-header\">\n        <span id=\"flagGR\" class=\"flag active\">&#x1f1ec;&#x1f1f7;<\/span>\n        <span id=\"flagEN\" class=\"flag\">&#x1f1ec;&#x1f1e7;<\/span>\n        <span class=\"close-btn\" onclick=\"document.getElementById('infoPanel').style.display='none'\">\u2715<\/span>\n    <\/div>\n\n    <!-- GREEK -->\n    <div id=\"contentGR\" class=\"info-content\">\n        <h3>\u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9<\/h3>\n        <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\">\n        <p>\n        \u03a4\u03bf \u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03cc \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03cc \u03bd\u03b1\u03cc \u03c4\u03b7\u03c2 \u03a0\u03b1\u03bd\u03b1\u03b3\u03af\u03b1\u03c2 \u039a\u03b5\u03c6\u03b1\u03bb\u03b1\u03c1\u03b9\u03ce\u03c4\u03b9\u03c3\u03c3\u03b1\u03c2, \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03b1\u03bd\u03b1\u03b2\u03bb\u03cd\u03b6\u03bf\u03c5\u03bd \u03bd\u03b5\u03c1\u03ac \u03c0\u03bf\u03c5 \u03c3\u03c7\u03b7\u03bc\u03b1\u03c4\u03af\u03b6\u03bf\u03c5\u03bd \u03bc\u03b9\u03ba\u03c1\u03bf\u03cd\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c1\u03c1\u03ac\u03ba\u03c4\u03b5\u03c2. \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bd\u03b1\u03cc \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03b1 \u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03ac \u03c3\u03c0\u03ae\u03bb\u03b1\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd \u03c9\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03b1 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u0395\u03c0\u03b1\u03bd\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03bf\u03c5 1821.\n        \u03a3\u03c4\u03b9\u03c2 25 \u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5 1822 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b5\u03b4\u03ce \u03c4\u03bf \u03c0\u03bf\u03bb\u03b5\u03bc\u03b9\u03ba\u03cc \u03c3\u03c5\u03bc\u03b2\u03bf\u03cd\u03bb\u03b9\u03bf \u03cc\u03c0\u03bf\u03c5 \u03bf \u039a\u03bf\u03bb\u03bf\u03ba\u03bf\u03c4\u03c1\u03ce\u03bd\u03b7\u03c2 \u03b1\u03bd\u03b1\u03ba\u03bf\u03af\u03bd\u03c9\u03c3\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bf\u03c1\u03b5\u03af\u03b1 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u0394\u03b5\u03c1\u03b2\u03b5\u03bd\u03ac\u03ba\u03b9\u03b1.\n        \u03a4\u03bf \u201c\u03bc\u03bf\u03bd\u03bf\u03c0\u03ac\u03c4\u03b9 \u03c4\u03bf\u03c5 \u03ad\u03c1\u03c9\u03c4\u03b1\u201d \u03bf\u03b4\u03b7\u03b3\u03b5\u03af \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b1\u03bb\u03b9\u03ad\u03c2 \u03c5\u03b4\u03c1\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b5\u03c2 \u03b5\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bb\u03c5\u03c3\u03af\u03bc\u03b1\u03c4\u03bf\u03c2, \u03b5\u03bd\u03ce \u03bf\u03b9 \u03c4\u03b1\u03b2\u03ad\u03c1\u03bd\u03b5\u03c2 \u03b3\u03cd\u03c1\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03c0\u03b7\u03b3\u03ad\u03c2 \u03c4\u03bf\u03c5 \u0395\u03c1\u03b1\u03c3\u03af\u03bd\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bc\u03b9\u03b1 \u03b4\u03c1\u03bf\u03c3\u03b5\u03c1\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7 \u03c6\u03cd\u03c3\u03b7.\n        <\/p>\n    <\/div>\n\n    <!-- ENGLISH -->\n    <div id=\"contentEN\" class=\"info-content\" style=\"display:none;\">\n        <h3>Kefalari<\/h3>\n        <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\">\n        <p>\n        Kefalari is known for the picturesque church of Panagia Kefalariotissa, where spring waters form small waterfalls. Behind the church lie the historic caves used as shelters during the Greek Revolution of 1821.\n        On July 25th, 1822, the war council was held here where Kolokotronis announced the march toward Dervenakia.\n        The \u201cpath of love\u201d leads to the old water-powered washing facilities, while the tavernas around the Erasinos springs offer a refreshing experience in nature.\n        <\/p>\n    <\/div>\n<\/div>\n\n<!-- PANNELLUM -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.css\"\/>\n\n<!-- HOTSPOT + PANEL LOGIC -->\n<script>\nfunction createInfoHotspot(hotSpotDiv) {\n    hotSpotDiv.classList.add(\"gold-hotspot\");\n    hotSpotDiv.innerHTML = `\n    <svg width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD700\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n        <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n        <circle cx=\"12\" cy=\"16.5\" r=\"1.3\"><\/circle>\n    <\/svg>\n    `;\n    hotSpotDiv.onclick = openInfo;\n}\n\nfunction openInfo() {\n    document.getElementById(\"infoPanel\").style.display = \"block\";\n}\n\ndocument.getElementById(\"flagGR\").onclick = function() {\n    document.getElementById(\"contentGR\").style.display = \"block\";\n    document.getElementById(\"contentEN\").style.display = \"none\";\n    this.classList.add(\"active\");\n    document.getElementById(\"flagEN\").classList.remove(\"active\");\n};\n\ndocument.getElementById(\"flagEN\").onclick = function() {\n    document.getElementById(\"contentGR\").style.display = \"none\";\n    document.getElementById(\"contentEN\").style.display = \"block\";\n    this.classList.add(\"active\");\n    document.getElementById(\"flagGR\").classList.remove(\"active\");\n};\n<\/script>\n\n<!-- CSS -->\n<style>\n.gold-hotspot {\n    cursor: pointer;\n    transform: translate(-50%, -50%);\n}\n\n.info-panel {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 320px;\n    background: rgba(255,255,255,0.95);\n    border-radius: 14px;\n    padding: 15px;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.35);\n    display: none;\n    animation: fadeIn 0.3s ease;\n    z-index: 9999;\n}\n\n.info-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.flag {\n    font-size: 22px;\n    cursor: pointer;\n    opacity: 0.5;\n}\n\n.flag.active {\n    opacity: 1;\n}\n\n.close-btn {\n    cursor: pointer;\n    font-size: 20px;\n}\n\n.info-content img {\n    width: 100%;\n    border-radius: 10px;\n    margin-bottom: 10px;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translate(-50%, -48%); }\n    to   { opacity: 1; transform: translate(-50%, -50%); }\n}\n<\/style>\n\n\n<p><strong><br><\/strong><\/p><p style=\"text-align: left;\"><strong>\u039a\u03b1\u03bb\u03c9\u03c3\u03bf\u03c1\u03af\u03c3\u03b1\u03c4\u03b5 \u03c3\u03c4\u03bf \u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9, \u03ad\u03bd\u03b1\u03bd \u03c4\u03cc\u03c0\u03bf \u03b3\u03bd\u03c9\u03c3\u03c4\u03cc \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 \u03bf\u03bc\u03bf\u03c1\u03c6\u03b9\u03ac, \u03c4\u03b1 \u03c4\u03c1\u03b5\u03c7\u03bf\u03cd\u03bc\u03b5\u03bd\u03b1 \u03bd\u03b5\u03c1\u03ac \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03ae\u03c1\u03b5\u03bc\u03b7 \u03b1\u03c4\u03bc\u03cc\u03c3\u03c6\u03b1\u03b9\u03c1\u03ac \u03c4\u03bf\u03c5.<br data-start=\"119\" data-end=\"122\">\n\u0395\u03c5\u03c7\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b7 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03ae \u03c3\u03b1\u03c2 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03c7\u03b1\u03c1\u03af\u03c3\u03b5\u03b9 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ad\u03c2 \u03c7\u03b1\u03bb\u03ac\u03c1\u03c9\u03c3\u03b7\u03c2, \u03cc\u03bc\u03bf\u03c1\u03c6\u03b5\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b6\u03b5\u03c3\u03c4\u03ae \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03af\u03b1.<\/strong><\/p><span style=\"font-size: 14px;\"><\/span><span style=\"font-size: large; font-family: Arial, Helvetica, sans-serif;\"><font color=\"#737373\"><\/font><\/span>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!-- DRONE IMAGE -->\n<div id=\"droneBox\"\n     onclick=\"\n        document.getElementById('droneBox').style.display='none';\n        document.getElementById('panorama').style.display='block';\n\n        pannellum.viewer('panorama', {\n            type: 'equirectangular',\n            panorama: 'https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg',\n            autoLoad: true,\n            autoRotate: 2,\n            showZoomCtrl: true,\n            hotSpots: [\n                {\n                    pitch: 0,\n                    yaw: 0,\n                    type: 'custom',\n                    createTooltipFunc: createInfoHotspot,\n                    createTooltipArgs: {}\n                }\n            ]\n        });\n     \"\n     style=\"\n        width:450px;\n        height:300px;\n        margin:auto;\n        border-radius:12px;\n        overflow:hidden;\n        cursor:pointer;\n     \">\n    <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\"\n         style=\"width:100%; height:100%; object-fit:cover;\" \/>\n<\/div>\n\n<!-- PANORAMA -->\n<div id=\"panorama\"\n     style=\"\n        width:450px;\n        height:300px;\n        margin:auto;\n        border-radius:12px;\n        overflow:hidden;\n        background:#000;\n        display:none;\n     \">\n<\/div>\n\n<!-- INFO PANEL -->\n<div id=\"infoPanel\" class=\"info-panel\">\n    <div class=\"info-header\">\n        <span id=\"flagGR\" class=\"flag active\">&#x1f1ec;&#x1f1f7;<\/span>\n        <span id=\"flagEN\" class=\"flag\">&#x1f1ec;&#x1f1e7;<\/span>\n        <span class=\"close-btn\" onclick=\"document.getElementById('infoPanel').style.display='none'\">\u2715<\/span>\n    <\/div>\n\n    <!-- GREEK -->\n    <div id=\"contentGR\" class=\"info-content\">\n        <h3>\u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9<\/h3>\n        <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\">\n        <p>\n        \u03a4\u03bf \u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03cc \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03cc \u03bd\u03b1\u03cc \u03c4\u03b7\u03c2 \u03a0\u03b1\u03bd\u03b1\u03b3\u03af\u03b1\u03c2 \u039a\u03b5\u03c6\u03b1\u03bb\u03b1\u03c1\u03b9\u03ce\u03c4\u03b9\u03c3\u03c3\u03b1\u03c2, \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03b1\u03bd\u03b1\u03b2\u03bb\u03cd\u03b6\u03bf\u03c5\u03bd \u03bd\u03b5\u03c1\u03ac \u03c0\u03bf\u03c5 \u03c3\u03c7\u03b7\u03bc\u03b1\u03c4\u03af\u03b6\u03bf\u03c5\u03bd \u03bc\u03b9\u03ba\u03c1\u03bf\u03cd\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c1\u03c1\u03ac\u03ba\u03c4\u03b5\u03c2. \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bd\u03b1\u03cc \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03b1 \u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03ac \u03c3\u03c0\u03ae\u03bb\u03b1\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd \u03c9\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03b1 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u0395\u03c0\u03b1\u03bd\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03bf\u03c5 1821.\n        \u03a3\u03c4\u03b9\u03c2 25 \u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5 1822 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b5\u03b4\u03ce \u03c4\u03bf \u03c0\u03bf\u03bb\u03b5\u03bc\u03b9\u03ba\u03cc \u03c3\u03c5\u03bc\u03b2\u03bf\u03cd\u03bb\u03b9\u03bf \u03cc\u03c0\u03bf\u03c5 \u03bf \u039a\u03bf\u03bb\u03bf\u03ba\u03bf\u03c4\u03c1\u03ce\u03bd\u03b7\u03c2 \u03b1\u03bd\u03b1\u03ba\u03bf\u03af\u03bd\u03c9\u03c3\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bf\u03c1\u03b5\u03af\u03b1 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u0394\u03b5\u03c1\u03b2\u03b5\u03bd\u03ac\u03ba\u03b9\u03b1.\n        \u03a4\u03bf \u201c\u03bc\u03bf\u03bd\u03bf\u03c0\u03ac\u03c4\u03b9 \u03c4\u03bf\u03c5 \u03ad\u03c1\u03c9\u03c4\u03b1\u201d \u03bf\u03b4\u03b7\u03b3\u03b5\u03af \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b1\u03bb\u03b9\u03ad\u03c2 \u03c5\u03b4\u03c1\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b5\u03c2 \u03b5\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bb\u03c5\u03c3\u03af\u03bc\u03b1\u03c4\u03bf\u03c2, \u03b5\u03bd\u03ce \u03bf\u03b9 \u03c4\u03b1\u03b2\u03ad\u03c1\u03bd\u03b5\u03c2 \u03b3\u03cd\u03c1\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03c0\u03b7\u03b3\u03ad\u03c2 \u03c4\u03bf\u03c5 \u0395\u03c1\u03b1\u03c3\u03af\u03bd\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bc\u03b9\u03b1 \u03b4\u03c1\u03bf\u03c3\u03b5\u03c1\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7 \u03c6\u03cd\u03c3\u03b7.\n        <\/p>\n    <\/div>\n\n    <!-- ENGLISH -->\n    <div id=\"contentEN\" class=\"info-content\" style=\"display:none;\">\n        <h3>Kefalari<\/h3>\n        <img decoding=\"async\" src=\"https:\/\/argolidagreece.gr\/wp-content\/uploads\/2026\/05\/KEFALARI-ARGOLIDA-GREECE-1.jpg\">\n        <p>\n        Kefalari is known for the picturesque church of Panagia Kefalariotissa, where spring waters form small waterfalls. Behind the church lie the historic caves used as shelters during the Greek Revolution of 1821.\n        On July 25th, 1822, the war council was held here where Kolokotronis announced the march toward Dervenakia.\n        The \u201cpath of love\u201d leads to the old water-powered washing facilities, while the tavernas around the Erasinos springs offer a refreshing experience in nature.\n        <\/p>\n    <\/div>\n<\/div>\n\n<!-- PANNELLUM -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.css\"\/>\n\n<!-- HOTSPOT + PANEL LOGIC -->\n<script>\nfunction createInfoHotspot(hotSpotDiv) {\n    hotSpotDiv.classList.add(\"gold-hotspot\");\n    hotSpotDiv.innerHTML = `\n    <svg width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD700\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n        <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n        <circle cx=\"12\" cy=\"16.5\" r=\"1.3\"><\/circle>\n    <\/svg>\n    `;\n    hotSpotDiv.onclick = openInfo;\n}\n\nfunction openInfo() {\n    document.getElementById(\"infoPanel\").style.display = \"block\";\n}\n\ndocument.getElementById(\"flagGR\").onclick = function() {\n    document.getElementById(\"contentGR\").style.display = \"block\";\n    document.getElementById(\"contentEN\").style.display = \"none\";\n    this.classList.add(\"active\");\n    document.getElementById(\"flagEN\").classList.remove(\"active\");\n};\n\ndocument.getElementById(\"flagEN\").onclick = function() {\n    document.getElementById(\"contentGR\").style.display = \"none\";\n    document.getElementById(\"contentEN\").style.display = \"block\";\n    this.classList.add(\"active\");\n    document.getElementById(\"flagGR\").classList.remove(\"active\");\n};\n<\/script>\n\n<!-- CSS -->\n<style>\n.gold-hotspot {\n    cursor: pointer;\n    transform: translate(-50%, -50%);\n}\n\n.info-panel {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 320px;\n    background: rgba(255,255,255,0.95);\n    border-radius: 14px;\n    padding: 15px;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.35);\n    display: none;\n    animation: fadeIn 0.3s ease;\n    z-index: 9999;\n}\n\n.info-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.flag {\n    font-size: 22px;\n    cursor: pointer;\n    opacity: 0.5;\n}\n\n.flag.active {\n    opacity: 1;\n}\n\n.close-btn {\n    cursor: pointer;\n    font-size: 20px;\n}\n\n.info-content img {\n    width: 100%;\n    border-radius: 10px;\n    margin-bottom: 10px;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translate(-50%, -48%); }\n    to   { opacity: 1; transform: translate(-50%, -50%); }\n}\n<\/style>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>&#x1f1ec;&#x1f1f7; &#x1f1ec;&#x1f1e7; \u2715 \u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9 \u03a4\u03bf \u039a\u03b5\u03c6\u03b1\u03bb\u03ac\u03c1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03cc \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03cc \u03bd\u03b1\u03cc \u03c4\u03b7\u03c2 \u03a0\u03b1\u03bd\u03b1\u03b3\u03af\u03b1\u03c2 \u039a\u03b5\u03c6\u03b1\u03bb\u03b1\u03c1\u03b9\u03ce\u03c4\u03b9\u03c3\u03c3\u03b1\u03c2, \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03b1\u03bd\u03b1\u03b2\u03bb\u03cd\u03b6\u03bf\u03c5\u03bd \u03bd\u03b5\u03c1\u03ac \u03c0\u03bf\u03c5 \u03c3\u03c7\u03b7\u03bc\u03b1\u03c4\u03af\u03b6\u03bf\u03c5\u03bd \u03bc\u03b9\u03ba\u03c1\u03bf\u03cd\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c1\u03c1\u03ac\u03ba\u03c4\u03b5\u03c2. \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bd\u03b1\u03cc \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03b1 \u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03ac \u03c3\u03c0\u03ae\u03bb\u03b1\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd \u03c9\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03b1 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u0395\u03c0\u03b1\u03bd\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03bf\u03c5 1821. \u03a3\u03c4\u03b9\u03c2 25 \u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5 1822 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b5\u03b4\u03ce \u03c4\u03bf \u03c0\u03bf\u03bb\u03b5\u03bc\u03b9\u03ba\u03cc \u03c3\u03c5\u03bc\u03b2\u03bf\u03cd\u03bb\u03b9\u03bf \u03cc\u03c0\u03bf\u03c5 \u03bf \u039a\u03bf\u03bb\u03bf\u03ba\u03bf\u03c4\u03c1\u03ce\u03bd\u03b7\u03c2 \u03b1\u03bd\u03b1\u03ba\u03bf\u03af\u03bd\u03c9\u03c3\u03b5 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1553,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=220"}],"version-history":[{"count":17,"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":3243,"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions\/3243"}],"up":[{"embeddable":true,"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=\/wp\/v2\/pages\/1553"}],"wp:attachment":[{"href":"https:\/\/argolidagreece.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}