{"id":608,"date":"2026-06-22T20:36:44","date_gmt":"2026-06-22T20:36:44","guid":{"rendered":"https:\/\/echtjetzt.digital\/?p=608"},"modified":"2026-06-22T20:42:22","modified_gmt":"2026-06-22T20:42:22","slug":"metaphysik","status":"publish","type":"post","link":"https:\/\/echtjetzt.digital\/index.php\/2026\/06\/22\/metaphysik\/","title":{"rendered":"Metaphysik"},"content":{"rendered":"\n<div class=\"ben-film-wrap\">\n  <div class=\"ben-film-box\" id=\"benFilmBox\">\n\n    <img decoding=\"async\"\n      id=\"benPoster\"\n      class=\"ben-poster is-visible\"\n      src=\"https:\/\/echtjetzt.digital\/media\/metaphysik\/regenschirm.jpg\"\n      alt=\"The Rain I Made for You\"\n    >\n\n    <video\n      id=\"benVideo\"\n      class=\"ben-video\"\n      playsinline\n      webkit-playsinline\n      preload=\"metadata\"\n      poster=\"https:\/\/echtjetzt.digital\/media\/metaphysik\/regenschirm.jpg\"\n    >\n      <source src=\"https:\/\/echtjetzt.digital\/media\/metaphysik\/regenschirm.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <button id=\"benPlay\" class=\"ben-play\" type=\"button\" aria-label=\"Video starten\">\n      <span><\/span>\n    <\/button>\n\n  <\/div>\n\n  <div class=\"ben-story\">\n    <p>Ben steht im Atelier.<\/p>\n    <p>Vor ihm liegen Bilder auf dem Tisch.<\/p>\n\n    <p>Als er Lea sieht, weiss er sofort, dass die Sonne diesmal nicht genuegt.<\/p>\n\n    <p>Er nimmt die Bilder in die Hand und wirft sie in die Luft.<\/p>\n\n    <p>Fuer einen Moment schweben sie im Raum wie Gedanken.<\/p>\n    <p>Dann verdunkelt sich draussen der Himmel.<\/p>\n\n    <p>Regen prasselt gegen die grossen Fensterscheiben.<\/p>\n\n    <p>Ben oeffnet den Schirm, bietet Lea seinen Arm an und sagt:<\/p>\n\n    <p class=\"speaker\">BEN:<\/p>\n    <p>The weather is not against us.<\/p>\n    <p>It is a tool.<\/p>\n\n    <p>Lea schaut ihn an.<\/p>\n    <p>Sie laechelt, rueckt naeher und kuschelt sich unter den Schirm.<\/p>\n\n    <p class=\"speaker\">LEA:<\/p>\n    <p>Then use it well.<\/p>\n\n    <p>Ben schaut zum Regen.<\/p>\n\n    <p class=\"speaker\">BEN:<\/p>\n    <p>I made this rain for you.<\/p>\n\n    <p>Cut to black.<\/p>\n  <\/div>\n<\/div>\n\n<style>\n  .ben-film-wrap {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .ben-film-box {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background: #000;\n    overflow: hidden;\n    border-radius: 12px;\n  }\n\n  .ben-poster,\n  .ben-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    background: #000;\n  }\n\n  .ben-poster {\n    z-index: 2;\n    display: none;\n    cursor: pointer;\n  }\n\n  .ben-video {\n    z-index: 1;\n    display: none;\n    cursor: pointer;\n  }\n\n  .ben-poster.is-visible,\n  .ben-video.is-visible {\n    display: block;\n  }\n\n  .ben-play {\n    position: absolute;\n    z-index: 3;\n    left: 50%;\n    top: 50%;\n    width: 72px;\n    height: 72px;\n    transform: translate(-50%, -50%);\n    border: 2px solid rgba(255,255,255,0.85);\n    border-radius: 50%;\n    background: rgba(0,0,0,0.35);\n    cursor: pointer;\n  }\n\n  .ben-play span {\n    position: absolute;\n    left: 28px;\n    top: 22px;\n    width: 0;\n    height: 0;\n    border-top: 14px solid transparent;\n    border-bottom: 14px solid transparent;\n    border-left: 22px solid rgba(255,255,255,0.95);\n  }\n\n  .ben-play.is-hidden {\n    display: none;\n  }\n\n  .ben-story {\n    max-width: 760px;\n    margin: 28px auto 0 auto;\n    padding: 0 12px 40px 12px;\n    font-size: 19px;\n    line-height: 1.65;\n    color: #111;\n  }\n\n  .ben-story p {\n    margin: 0 0 15px 0;\n  }\n\n  .ben-story .speaker {\n    margin-top: 22px;\n    margin-bottom: 6px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n  }\n\n  @media (max-width: 767px) {\n    .ben-film-wrap {\n      max-width: 100%;\n    }\n\n    .ben-film-box {\n      border-radius: 0;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .ben-play {\n      width: 62px;\n      height: 62px;\n    }\n\n    .ben-play span {\n      left: 24px;\n      top: 19px;\n      border-top-width: 12px;\n      border-bottom-width: 12px;\n      border-left-width: 19px;\n    }\n\n    .ben-story {\n      font-size: 17px;\n      line-height: 1.6;\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n<\/style>\n\n<script>\n  (function() {\n    var box = document.getElementById('benFilmBox');\n    var poster = document.getElementById('benPoster');\n    var video = document.getElementById('benVideo');\n    var play = document.getElementById('benPlay');\n\n    function showPoster() {\n      video.pause();\n      video.currentTime = 0;\n      video.classList.remove('is-visible');\n      poster.classList.add('is-visible');\n      play.classList.remove('is-hidden');\n    }\n\n    function showVideo() {\n      poster.classList.remove('is-visible');\n      video.classList.add('is-visible');\n      play.classList.add('is-hidden');\n    }\n\n    function goFullscreen() {\n      if (video.webkitEnterFullscreen) {\n        video.webkitEnterFullscreen();\n      } else if (box.requestFullscreen) {\n        box.requestFullscreen();\n      } else if (box.webkitRequestFullscreen) {\n        box.webkitRequestFullscreen();\n      }\n    }\n\n    function startFilm() {\n      showVideo();\n\n      var playPromise = video.play();\n\n      if (playPromise !== undefined) {\n        playPromise.then(function() {\n          goFullscreen();\n        }).catch(function() {\n          showPoster();\n        });\n      } else {\n        goFullscreen();\n      }\n    }\n\n    poster.addEventListener('click', startFilm);\n    play.addEventListener('click', startFilm);\n\n    video.addEventListener('click', function() {\n      if (!video.paused) {\n        video.pause();\n        showPoster();\n      }\n    });\n\n    video.addEventListener('ended', function() {\n      showPoster();\n    });\n\n    video.addEventListener('pause', function() {\n      if (!video.ended) {\n        showPoster();\n      }\n    });\n\n    showPoster();\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ben steht im Atelier. Vor ihm liegen Bilder auf dem Tisch. Als er Lea sieht, weiss er sofort, dass die Sonne diesmal nicht genuegt. Er nimmt die Bilder in die Hand und wirft sie in die Luft. Fuer einen Moment schweben sie im Raum wie Gedanken. Dann verdunkelt sich draussen der Himmel. Regen prasselt gegen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":612,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[83,84,82],"class_list":["post-608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movies","tag-15-sekunden","tag-filmclip","tag-kurzfilm"],"_links":{"self":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/608","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=608"}],"version-history":[{"count":2,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/608\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/608\/revisions\/611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media\/612"}],"wp:attachment":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media?parent=608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/categories?post=608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/tags?post=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}