{"id":646,"date":"2026-06-28T18:48:01","date_gmt":"2026-06-28T18:48:01","guid":{"rendered":"https:\/\/echtjetzt.digital\/?p=646"},"modified":"2026-06-28T22:19:58","modified_gmt":"2026-06-28T22:19:58","slug":"nichts","status":"publish","type":"post","link":"https:\/\/echtjetzt.digital\/index.php\/2026\/06\/28\/nichts\/","title":{"rendered":"Nichts"},"content":{"rendered":"\n<div class=\"nichts-stage\" id=\"nichtsStage\">\n\n  <!-- DER WEISSE RAUM \/ DAS NICHTS -->\n  <div class=\"nichts-room\">\n    <div class=\"nichts-hint\" id=\"openNichtsVideo\">\n      <div class=\"nichts-dot\"><\/div>\n      <div class=\"nichts-text\">ich dachte, da sei nichts<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- VERBORGENES VIDEO -->\n  <div class=\"nichts-video-layer\" id=\"nichtsVideoLayer\">\n    <button class=\"nichts-close\" id=\"closeNichtsVideo\" aria-label=\"Video schlie\u00dfen\">\u00d7<\/button>\n\n    <video id=\"nichtsVideo\" controls playsinline>\n      <source src=\"https:\/\/echtjetzt.digital\/media\/nichts\/real_nichts.mp4\" type=\"video\/mp4\">\n      Dein Browser kann dieses Video nicht abspielen.\n    <\/video>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* HAUPTB\u00dcHNE *\/\n.nichts-stage {\n  position: relative;\n  width: 100%;\n  height: 85vh;\n  min-height: 520px;\n  overflow: hidden;\n  background: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n}\n\n\/* DER WEISSE RAUM *\/\n.nichts-room {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 50% 42%, rgba(230,230,230,0.55), transparent 34%),\n    linear-gradient(to bottom, #ffffff 0%, #fafafa 48%, #eeeeee 100%);\n}\n\n\/* FAST UNSICHTBARE HORIZONTLINIE *\/\n.nichts-room::before {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 53%;\n  width: 130%;\n  height: 1px;\n  transform: translateX(-50%);\n  background: rgba(0,0,0,0.045);\n}\n\n\/* WEICHER SCHATTEN AM BODEN *\/\n.nichts-room::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: 13%;\n  width: 44%;\n  height: 18%;\n  transform: translateX(-50%);\n  background: radial-gradient(ellipse, rgba(0,0,0,0.075), transparent 72%);\n  filter: blur(20px);\n}\n\n\/* DER ANKLICKBARE HINWEIS IM NICHTS *\/\n.nichts-hint {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  cursor: pointer;\n  opacity: 0.24;\n  transition:\n    opacity 0.8s ease,\n    transform 0.8s ease;\n  z-index: 2;\n}\n\n.nichts-hint:hover {\n  opacity: 0.9;\n  transform: translate(-50%, -50%) scale(1.06);\n}\n\n\/* DER FEINE PUNKT *\/\n.nichts-dot {\n  width: 34px;\n  height: 34px;\n  margin: 0 auto 20px auto;\n  border-radius: 50%;\n  border: 1px solid rgba(0,0,0,0.25);\n  box-shadow:\n    0 0 35px rgba(0,0,0,0.12),\n    inset 0 0 18px rgba(255,255,255,0.8);\n  animation: nichtsPulse 4.5s infinite ease-in-out;\n}\n\n\/* TEXT IM RAUM *\/\n.nichts-text {\n  font-size: clamp(18px, 3vw, 36px);\n  letter-spacing: 0.08em;\n  color: rgba(0,0,0,0.42);\n  font-style: italic;\n  white-space: nowrap;\n}\n\n\/* LANGSAMES ATMEN DES PUNKTES *\/\n@keyframes nichtsPulse {\n  0% {\n    transform: scale(1);\n    opacity: 0.32;\n  }\n  50% {\n    transform: scale(1.25);\n    opacity: 0.82;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0.32;\n  }\n}\n\n\/* VIDEO-EBENE *\/\n.nichts-video-layer {\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0.97);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n}\n\n\/* AKTIV, WENN ANGEKLICKT *\/\n.nichts-video-layer.active {\n  display: flex;\n}\n\n\/* DAS VIDEO SELBST *\/\n.nichts-video-layer video {\n  width: min(92vw, 1200px);\n  max-height: 82vh;\n  background: #000000;\n  box-shadow: 0 30px 90px rgba(0,0,0,0.24);\n}\n\n\/* SCHLIESSEN-BUTTON *\/\n.nichts-close {\n  position: absolute;\n  top: 18px;\n  right: 24px;\n  width: 46px;\n  height: 46px;\n  border: none;\n  background: transparent;\n  font-size: 44px;\n  line-height: 44px;\n  color: rgba(0,0,0,0.45);\n  cursor: pointer;\n  z-index: 20;\n}\n\n.nichts-close:hover {\n  color: rgba(0,0,0,0.85);\n}\n\n\/* HANDY-OPTIMIERUNG *\/\n@media (max-width: 700px) {\n  .nichts-stage {\n    height: 78vh;\n    min-height: 420px;\n  }\n\n  .nichts-video-layer video {\n    width: 100%;\n    max-height: 75vh;\n  }\n\n  .nichts-text {\n    font-size: 20px;\n    white-space: normal;\n    padding: 0 24px;\n  }\n\n  .nichts-dot {\n    width: 30px;\n    height: 30px;\n  }\n\n  .nichts-close {\n    top: 12px;\n    right: 14px;\n    font-size: 40px;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  const openButton = document.getElementById(\"openNichtsVideo\");\n  const layer = document.getElementById(\"nichtsVideoLayer\");\n  const closeButton = document.getElementById(\"closeNichtsVideo\");\n  const video = document.getElementById(\"nichtsVideo\");\n\n  if (!openButton || !layer || !closeButton || !video) return;\n\n  function openVideo() {\n    layer.classList.add(\"active\");\n    video.currentTime = 0;\n\n    const playPromise = video.play();\n\n    if (playPromise !== undefined) {\n      playPromise.catch(function() {\n        \/* Falls der Browser Autoplay blockiert, bleibt das Video sichtbar.\n           Der Besucher kann dann selbst auf Play dr\u00fccken. *\/\n      });\n    }\n  }\n\n  function closeVideo() {\n    video.pause();\n    layer.classList.remove(\"active\");\n  }\n\n  openButton.addEventListener(\"click\", openVideo);\n\n  closeButton.addEventListener(\"click\", closeVideo);\n\n  layer.addEventListener(\"click\", function(event) {\n    if (event.target === layer) {\n      closeVideo();\n    }\n  });\n\n  document.addEventListener(\"keydown\", function(event) {\n    if (event.key === \"Escape\") {\n      closeVideo();\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ich dachte, da sei nichts \u00d7 Dein Browser kann dieses Video nicht abspielen.<\/p>\n","protected":false},"author":1,"featured_media":649,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,38],"tags":[89],"class_list":["post-646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movies","category-meine-weissheiten","tag-einfach-nichts"],"_links":{"self":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":1,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"predecessor-version":[{"id":648,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/646\/revisions\/648"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media\/649"}],"wp:attachment":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/tags?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}