{"id":2873,"date":"2025-08-01T02:58:32","date_gmt":"2025-08-01T00:58:32","guid":{"rendered":"https:\/\/designgebhardt.com\/?page_id=2873"},"modified":"2025-09-30T23:16:01","modified_gmt":"2025-09-30T21:16:01","slug":"player","status":"publish","type":"page","link":"https:\/\/designgebhardt.com\/?page_id=2873","title":{"rendered":"Player"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2873\" class=\"elementor elementor-2873\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de5aeff e-con-full e-flex e-con e-parent\" data-id=\"de5aeff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&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-7a7c943 e-con-full e-flex e-con e-child\" data-id=\"7a7c943\" 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-954483c elementor-widget elementor-widget-heading\" data-id=\"954483c\" 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-3ed3125 rara-map-trigger elementor-widget elementor-widget-heading\" data-id=\"3ed3125\" 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-28157c1 e-con-full e-flex e-con e-child\" data-id=\"28157c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29dae5a elementor-widget elementor-widget-heading\" data-id=\"29dae5a\" 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-faac14c elementor-widget elementor-widget-heading\" data-id=\"faac14c\" 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-404e22a e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"404e22a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/designgebhardt.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/OptimiertDeskP.mp4&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-d9b868d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d9b868d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/youtu.be\/et-9rGM7AwE?feature=shared\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tickets<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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-d639b5e e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"d639b5e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/designgebhardt.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/OptimiertMobileP.mp4&quot;,&quot;position&quot;:&quot;absolute&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-7ed9fb0 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7ed9fb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/youtu.be\/et-9rGM7AwE?feature=shared\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tickets<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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-e0f2b17 e-flex e-con-boxed e-con e-parent\" data-id=\"e0f2b17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-365ab56 e-flex e-con-boxed e-con e-parent\" data-id=\"365ab56\" 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-13ce17d elementor-widget elementor-widget-html\" data-id=\"13ce17d\" 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; Tickets Tickets \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-2873","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/2873","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=2873"}],"version-history":[{"count":181,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/2873\/revisions"}],"predecessor-version":[{"id":4376,"href":"https:\/\/designgebhardt.com\/index.php?rest_route=\/wp\/v2\/pages\/2873\/revisions\/4376"}],"wp:attachment":[{"href":"https:\/\/designgebhardt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}