{"id":3517,"date":"2025-09-08T21:54:45","date_gmt":"2025-09-08T19:54:45","guid":{"rendered":"https:\/\/designgebhardt.com\/?page_id=3517"},"modified":"2025-09-09T00:02:29","modified_gmt":"2025-09-08T22:02:29","slug":"shop-watcher","status":"publish","type":"page","link":"https:\/\/designgebhardt.com\/?page_id=3517","title":{"rendered":"Shop Watcher"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3517\" class=\"elementor elementor-3517\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad4021 e-con-full e-flex e-con e-parent\" data-id=\"4ad4021\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;position&quot;:&quot;absolute&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-91ab384 e-con-full e-flex e-con e-child\" data-id=\"91ab384\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e41b45 elementor-widget elementor-widget-heading\" data-id=\"3e41b45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/designgebhardt.com\/?page_id=3280\">&gt;Informationen&lt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3603a rara-map-trigger elementor-widget elementor-widget-heading\" data-id=\"9d3603a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">&gt;HH \u2013 01.08.2025&lt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63dcd53 e-con-full e-flex e-con e-child\" data-id=\"63dcd53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94f7676 elementor-widget elementor-widget-heading\" data-id=\"94f7676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/designgebhardt.com\/?page_id=2932\">&gt;Tickets&lt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ce0df0 elementor-widget elementor-widget-heading\" data-id=\"8ce0df0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/designgebhardt.com\/?page_id=3517\">&gt;Shop&lt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f4dcb4 e-flex e-con-boxed e-con e-parent\" data-id=\"7f4dcb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b564929 elementor-widget elementor-widget-html\" data-id=\"b564929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"crt-terminal\">\n  <div id=\"crt-text\"><\/div>\n<\/div>\n\n<style>\n.crt-terminal {\n  background: white;\n  color: #009ED9;\n  font-family: \"trispace\", Sans-Serif;\n  font-weight: 300;\n  font-size: 1.1rem;\n  padding: 20px;\n  max-width: 800px;\n  margin: 40px auto;\n  border: 1px solid #009ED9;\n  position: relative;\n  overflow: hidden;\n  line-height: 1.4;\n}\n\n\/* CRT Scanline Effekt *\/\n.crt-terminal::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: repeating-linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0) 0px,\n    rgba(0, 0, 0, 0) 2px,\n    rgba(0, 158, 217, 0.08) 3px\n  );\n  pointer-events: none;\n}\n\n\/* Cursor *\/\n.crt-line::after {\n  content: \"_\";\n  animation: blink 1s infinite;\n}\n\n@keyframes blink {\n  0%, 50% { opacity: 1; }\n  51%, 100% { opacity: 0; }\n}\n<\/style>\n\n<script>\nconst lines = [\n  \"BOOTING SEQUENCE... [OK]\",\n  \"SCANNING ENVIRONMENT...\",\n  \"OBJEKTE ERKANNT: MENSCHEN \/ DROGEN \/ SYSTEM \/ MACHT\",\n  \"ROLE SET: WATCHER\",\n  \"STATUS: BEOBACHTUNGSLINK AKTIV\",\n  \"HINWEIS: SHOP WIRD ZUR ER\u00d6FFNUNG DER AUSSTELLUNG FREIGESCHALTET\",\n  \"END OF TRANSMISSION...\"\n];\n\n\nconst container = document.getElementById(\"crt-text\");\n\nfunction typeLine(text, callback) {\n  let i = 0;\n  const line = document.createElement(\"p\");\n  line.classList.add(\"crt-line\");\n  container.appendChild(line);\n\n  function reveal() {\n    if (i < text.length) {\n      line.innerHTML += text.charAt(i);\n      i++;\n      setTimeout(reveal, 40); \/\/ Geschwindigkeit\n    } else {\n      line.classList.remove(\"crt-line\"); \/\/ Cursor nur bei letzter Zeile\n      if (callback) setTimeout(callback, 500);\n    }\n  }\n  reveal();\n}\n\n\/\/ Zeilen nacheinander abspielen\n(function nextLine(idx = 0) {\n  if (idx < lines.length) {\n    typeLine(lines[idx], () => nextLine(idx + 1));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-855cc06 e-flex e-con-boxed e-con e-parent\" data-id=\"855cc06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d752a09 elementor-widget elementor-widget-html\" data-id=\"d752a09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- MODAL -->\n<div class=\"rara-map-modal\" aria-hidden=\"true\">\n  <div class=\"rara-map-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Ausstellungsort\">\n    <button class=\"rara-close\" aria-label=\"schlie\u00dfen\">\u00d7<\/button>\n\n    <header class=\"rara-head\">\n      <div class=\"rara-head-col\">\n        <span class=\"rara-title\">LOCATION \/\/ HAMBURG<\/span>\n        <span class=\"rara-date\">01.08.2025 \u2013 19:00<\/span>\n      <\/div>\n    <\/header>\n\n    <div class=\"rara-map-wrap\">\n      <!-- Overlays nicht n\u00f6tig -->\n      <iframe\n        class=\"rara-map\"\n        loading=\"lazy\"\n        allowfullscreen\n        referrerpolicy=\"no-referrer-when-downgrade\"\n        src=\"https:\/\/maps.google.com\/maps?q=0,0&z=3&output=embed\"><\/iframe>\n    <\/div>\n\n    <div class=\"rara-actions\"\n         data-lat=\"0\"\n         data-lng=\"0\"\n         data-label=\"NULL ISLAND (0\u00b0N, 0\u00b0E)\">\n      <a class=\"rara-btn\" id=\"gmapsLink\" target=\"_blank\" rel=\"noopener\">In Google Maps \u00f6ffnen<\/a>\n      <a class=\"rara-btn\" id=\"appleMapsLink\" target=\"_blank\" rel=\"noopener\">In Apple Maps \u00f6ffnen<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Font: Archivo 800 *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@800&display=swap');\n\n\/* Modal-Backdrop *\/\n.rara-map-modal{\n  position:fixed; inset:0;\n  background:rgba(0,0,0,.65);\n  display:none; align-items:center; justify-content:center;\n  z-index:9999;\n}\n.rara-map-modal.is-open{ display:flex }\n\n\/* -------- Watcher Styles (wei\u00df\/blau) -------- *\/\n.rara-map-dialog{\n  width:min(960px,92vw);\n  background:#ffffff;             \/* wei\u00dfer Hintergrund *\/\n  color:#009ED9;                  \/* Grundfarbe Blau *\/\n  border:1px solid #009ED9;       \/* sichtbare Box *\/\n  border-radius:0;\n  overflow:hidden;\n  box-shadow:0 20px 60px rgba(0,0,0,.2);\n  position:relative;\n  font-family:\"Archivo\", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n  font-weight:800;\n}\n\n\/* Close (X) *\/\n.rara-close{\n  position:absolute; top:12px; right:16px;\n  font-size:34px; line-height:1;\n  background:transparent; border:0;\n  color:#009ED9;                 \/* blau *\/\n  cursor:pointer;\n  transition:color .2s ease;\n  outline:none; box-shadow:none;\n}\n.rara-close:hover{ color:#000000; }  \/* Hover: schwarz *\/\n.rara-close:focus{ outline:none; box-shadow:none; }\n\n\/* Header *\/\n.rara-head{\n  display:flex; align-items:flex-start; justify-content:flex-start;\n  padding:14px 16px;\n  border-bottom:1px solid #009ED9;\n  background:#ffffff;\n}\n.rara-head-col{ display:flex; flex-direction:column; gap:6px }\n.rara-title{\n  font:800 16px\/1.3 \"Archivo\", monospace;\n  letter-spacing:.08em; text-transform:uppercase;\n  color:#009ED9;\n}\n.rara-date{\n  font:800 14px\/1.3 \"Archivo\", monospace;\n  color:#009ED9; opacity:.95;\n}\n\n\/* Map (normale Farben) *\/\n.rara-map-wrap{ position:relative; aspect-ratio:16\/9; background:#ffffff; isolation:isolate; }\n.rara-map{ position:absolute; inset:0; width:100%; height:100%; border:0; }\n\n\/* Actions unten *\/\n.rara-actions{\n  display:flex; gap:10px; flex-wrap:wrap; align-items:center;\n  padding:12px 16px;\n  border-top:1px solid #009ED9;\n  background:#ffffff;\n}\n.rara-btn{\n  appearance:none;\n  display:inline-flex; align-items:center; justify-content:center; gap:.5ch;\n  padding:.6rem .9rem;\n  border-radius:0;\n  cursor:pointer;\n  border:1px solid #009ED9;\n  background:#ffffff;\n  color:#009ED9 !important;            \/* blauer Text *\/\n  text-decoration:none !important;\n  font:800 14px\/1 \"Archivo\", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n  transition:all .2s ease;\n}\n.rara-btn:hover{\n  border-color:#000000 !important;\n  color:#000000 !important;            \/* Hover: schwarz *\/\n}\n.rara-close:focus,\n.rara-close:active {\n  outline:none !important;\n  box-shadow:none !important;\n  background:transparent !important;\n}\n<\/style>\n\n<script>\n(function(){\n  const modal  = document.querySelector('.rara-map-modal');\n  const dialog = modal.querySelector('.rara-map-dialog');\n  const btnClose = modal.querySelector('.rara-close');\n  const actions = modal.querySelector('.rara-actions');\n\n  \/\/ \u00d6ffnen (delegiert)\n  document.addEventListener('click', function(e){\n    const t = e.target.closest('.rara-map-trigger, a[href=\"#rara-map-trigger\"], [data-open=\"map\"]');\n    if(!t) return;\n    e.preventDefault();\n    modal.classList.add('is-open');\n    modal.setAttribute('aria-hidden','false');\n  });\n\n  \/\/ Schlie\u00dfen\n  function closeModal(){ modal.classList.remove('is-open'); modal.setAttribute('aria-hidden','true'); }\n  btnClose.addEventListener('click', closeModal);\n  modal.addEventListener('click', e => { if(e.target === modal) closeModal(); });\n  window.addEventListener('keydown', e => { if(e.key === 'Escape') closeModal(); });\n\n  \/\/ Deep-Links\n  const lat = actions.dataset.lat, lng = actions.dataset.lng, label = encodeURIComponent(actions.dataset.label);\n  document.getElementById('gmapsLink').href   = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${lat},${lng}&query=${label}`;\n  document.getElementById('appleMapsLink').href = `https:\/\/maps.apple.com\/?ll=${lat},${lng}&q=${label}`;\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&gt;Informationen&lt; &gt;HH \u2013 01.08.2025&lt; &gt;Tickets&lt; &gt;Shop&lt; \u00d7 LOCATION \/\/ HAMBURG 01.08.2025 \u2013 19:00 In Google Maps \u00f6ffnen In Apple Maps \u00f6ffnen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3517","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3517"}],"version-history":[{"count":55,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3517\/revisions"}],"predecessor-version":[{"id":3751,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3517\/revisions\/3751"}],"wp:attachment":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}