{"id":3443,"date":"2025-09-08T21:22:10","date_gmt":"2025-09-08T19:22:10","guid":{"rendered":"https:\/\/designgebhardt.com\/?page_id=3443"},"modified":"2025-10-06T16:19:45","modified_gmt":"2025-10-06T14:19:45","slug":"rara-shop","status":"publish","type":"page","link":"https:\/\/designgebhardt.com\/?page_id=3443","title":{"rendered":"Shop Player"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3443\" class=\"elementor elementor-3443\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65e548d e-con-full e-flex e-con e-parent\" data-id=\"65e548d\" 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-320f48e e-con-full e-flex e-con e-child\" data-id=\"320f48e\" 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-15be5a9 elementor-widget elementor-widget-heading\" data-id=\"15be5a9\" 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=2998\">&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-7f5f2bc rara-map-trigger elementor-widget elementor-widget-heading\" data-id=\"7f5f2bc\" 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-ec7011d e-con-full e-flex e-con e-child\" data-id=\"ec7011d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4848467 elementor-widget elementor-widget-heading\" data-id=\"4848467\" 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=2873\">&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-73f117f elementor-widget elementor-widget-heading\" data-id=\"73f117f\" 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=3443\">&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-07bc338 e-flex e-con-boxed e-con e-parent\" data-id=\"07bc338\" 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-7be1670 elementor-widget elementor-widget-html\" data-id=\"7be1670\" 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: black;\n  color: #e50000;\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 #e50000;\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, 255, 0, 0.18) 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  \"ACCESSING NETWORK...\",\n  \"RESSOURCEN GELADEN: GELD \/ SUBSTANZEN \/ KONTAKTE\",\n  \"ROLE SET: PLAYER\",\n  \"STATUS: OPERATIONSMODUS AKTIV\",\n  \"HINWEIS: SHOP WIRD ZUR ER\u00d6FFNUNG DER AUSSTELLUNG FREIGESCHALTET\",\n  \">>> SESSION ENDE\"\n];\n\n\nconst container = document.getElementById(\"crt-text\");\nconst chars = \"!@#$%^&*()_+{}<>?\/\\\\|ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890\"; \n\nfunction glitchLine(text, callback) {\n  let displayText = new Array(text.length).fill(\" \");\n  let i = 0;\n\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      displayText[i] = text[i];\n      i++;\n    }\n\n    let temp = displayText.map((ch, idx) => {\n      if (idx < i) return ch;\n      return chars[Math.floor(Math.random() * chars.length)];\n    });\n\n    line.innerHTML = temp.join(\"\");\n\n    if (i < text.length) {\n      setTimeout(reveal, 50);\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    glitchLine(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-30c02d7 e-flex e-con-boxed e-con e-parent\" data-id=\"30c02d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d55b4b elementor-widget elementor-widget-html\" data-id=\"7d55b4b\" 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      <!-- DESIGN OVERLAYS -->\n      <div class=\"rara-overlay rara-grid\"><\/div>\n      <div class=\"rara-overlay rara-scanlines\"><\/div>\n      <div class=\"rara-overlay rara-tint\"><\/div>\n      <div class=\"rara-overlay rara-vignette\"><\/div>\n\n      <!-- MAP -->\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=1&output=embed\"><\/iframe>\n      <\/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 ghost\" id=\"gmapsLink\" target=\"_blank\" rel=\"noopener\">In Google Maps \u00f6ffnen<\/a>\n      <a class=\"rara-btn ghost\" 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 *\/\n.rara-map-modal{\n  position:fixed;\n  inset:0;\n  background:rgba(0,0,0,.65);\n  display:none;\n  align-items:center;\n  justify-content:center;\n  z-index:9999;\n}\n.rara-map-modal.is-open{display:flex}\n\n.rara-map-dialog{\n  width:min(960px,92vw);\n  background:#000;\n  color:#E50000;\n  border:1px solid #E50000;\n  border-radius:0;\n  overflow:hidden;\n  box-shadow:0 20px 60px rgba(0,0,0,.6);\n  position:relative;\n  font-family:\"Archivo\", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n  font-weight:800;\n}\n.rara-close{\n  position:absolute;\n  top:12px;\n  right:16px;\n  font-size:34px;\n  line-height:1;\n  background:transparent;\n  border:0;\n  color:#E50000;\n  cursor:pointer;\n  transition:color .2s ease;\n  outline:none;\n  box-shadow:none;\n}\n.rara-close:focus{outline:none;box-shadow:none;}\n.rara-close:hover{ color:#ffffff; } \/* Hover: wei\u00df *\/\n\n\/* Head *\/\n.rara-head{\n  display:flex;\n  align-items:flex-start;\n  justify-content:flex-start;\n  padding:14px 16px;\n  border-bottom:1px solid #E50000;\n  background:#000;\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;\n  text-transform:uppercase;\n  color:#E50000;\n}\n.rara-date{\n  font:800 14px\/1.3 \"Archivo\", monospace;\n  opacity:.95;\n  color:#E50000;\n}\n\n\/* Map \u2013 jetzt ohne Filter, normale Farben *\/\n.rara-map-wrap{\n  position:relative;\n  aspect-ratio:16\/9;\n  background:#000;\n  isolation:isolate;\n}\n.rara-map{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  border:0;\n}\n\n.rara-overlay{position:absolute;inset:0;pointer-events:none}\n\n.rara-grid{\n  background:\n    linear-gradient(to right, rgba(229,0,0,.5) 0 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(229,0,0,.5) 0 1px, transparent 1px);\n  background-size:20px 20px,20px 20px;\n  mix-blend-mode:screen;\n  opacity:.35;\n}\n.rara-scanlines{\n  background:repeating-linear-gradient(to bottom,\n    rgba(229,0,0,0) 0px, rgba(229,0,0,0) 2px,\n    rgba(229,0,0,.3) 3px, rgba(229,0,0,0) 4px);\n  mix-blend-mode:screen;\n  opacity:.22;\n}\n\n\n\/* Actions *\/\n.rara-actions{\n  display:flex;\n  gap:10px;\n  flex-wrap:wrap;\n  align-items:center;\n  padding:12px 16px;\n  border-top:1px solid #E50000;\n  background:#000;\n}\n\/* Buttons *\/\n.rara-btn{\n  appearance:none;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.5ch;\n  padding:.6rem .9rem;\n  border-radius:0;\n  cursor:pointer;\n  border:1px solid #E50000;\n  background:#000;\n  color:#E50000 !important; \/* Rot als Default *\/\n  text-decoration:none !important; \/* keine Unterstreichung *\/\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:#ffffff !important;\n  color:#ffffff !important;\n}\n\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-3443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3443","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=3443"}],"version-history":[{"count":76,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3443\/revisions"}],"predecessor-version":[{"id":4983,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/3443\/revisions\/4983"}],"wp:attachment":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}