{"id":586,"date":"2026-06-16T11:31:22","date_gmt":"2026-06-16T11:31:22","guid":{"rendered":"https:\/\/echtjetzt.digital\/?p=586"},"modified":"2026-06-17T11:47:43","modified_gmt":"2026-06-17T11:47:43","slug":"der-augenblick","status":"publish","type":"post","link":"https:\/\/echtjetzt.digital\/index.php\/2026\/06\/16\/der-augenblick\/","title":{"rendered":"Der Augenblick"},"content":{"rendered":"\n<div class=\"augenblick-film\">\n\n  <div class=\"poster-background\"><\/div>\n  <div class=\"soft-overlay\"><\/div>\n\n  <div class=\"film-shell\">\n\n    <video id=\"augenblickVideo\" class=\"main-video\" controls=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/echtjetzt.digital\/media\/movie\/nur_das_jetzt.jpeg\">\n      <source src=\"https:\/\/echtjetzt.digital\/media\/movie\/traum_bilder.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <div class=\"spoken-text\">\n      Ben, bleib hier.<br>\n      Was war, darf ein Bild werden.<br>\n      Aber das Leben ist jetzt.<br>\n      Heute.\n    <\/div>\n\n    <button class=\"fullscreen-btn\" onclick=\"openAugenblickFullscreen()\">\n      Film vergr\u00f6\u00dfern\n    <\/button>\n\n  <\/div>\n<\/div>\n\n<style>\n  .augenblick-film {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    background: #cfe8f6;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4vh 3vw;\n    box-sizing: border-box;\n  }\n\n  .poster-background {\n    position: absolute;\n    inset: 0;\n    background-image: url(\"https:\/\/echtjetzt.digital\/media\/movie\/nur_das_jetzt.jpeg\");\n    background-size: cover;\n    background-position: center;\n    filter: blur(32px);\n    transform: scale(1.12);\n    opacity: 0.35;\n    z-index: 1;\n  }\n\n  .soft-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at center, rgba(255,255,255,0.30), transparent 48%),\n      linear-gradient(135deg, rgba(186,220,240,0.70), rgba(221,238,247,0.84));\n    z-index: 2;\n  }\n\n  .film-shell {\n    position: relative;\n    z-index: 3;\n    width: min(94vw, 1180px);\n    background: rgba(255,255,255,0.20);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border-radius: 22px;\n    padding: clamp(10px, 2vw, 22px);\n    box-shadow: 0 25px 70px rgba(0,0,0,0.20);\n  }\n\n  .main-video {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 16px;\n    background: #000;\n  }\n\n  .spoken-text {\n    margin-top: 18px;\n    padding: 8px 6px 2px 6px;\n    text-align: center;\n    color: #243746;\n    line-height: 1.5;\n    font-size: clamp(22px, 2.4vw, 34px);\n    font-weight: 400;\n    font-family: \"Segoe Print\", \"Bradley Hand\", \"Lucida Handwriting\", \"Brush Script MT\", cursive;\n    text-shadow: 0 1px 0 rgba(255,255,255,0.35);\n  }\n\n  .fullscreen-btn {\n    margin-top: 18px;\n    width: 100%;\n    border: none;\n    border-radius: 999px;\n    padding: 13px 18px;\n    font-size: 16px;\n    letter-spacing: 0.02em;\n    cursor: pointer;\n    background: rgba(255,255,255,0.82);\n    color: #1f3442;\n    box-shadow: 0 8px 22px rgba(0,0,0,0.14);\n  }\n\n  .fullscreen-btn:hover {\n    background: rgba(255,255,255,0.96);\n  }\n\n  @media (max-width: 768px) {\n    .augenblick-film {\n      min-height: 100svh;\n      padding: 3vh 2.5vw;\n    }\n\n    .film-shell {\n      width: 96vw;\n      border-radius: 16px;\n      padding: 8px;\n    }\n\n    .main-video {\n      border-radius: 12px;\n    }\n\n    .spoken-text {\n      margin-top: 14px;\n      font-size: clamp(20px, 5.4vw, 28px);\n      line-height: 1.45;\n      padding-left: 6px;\n      padding-right: 6px;\n    }\n\n    .fullscreen-btn {\n      font-size: 15px;\n      padding: 12px 16px;\n    }\n  }\n<\/style>\n\n<script>\n  function openAugenblickFullscreen() {\n    const video = document.getElementById(\"augenblickVideo\");\n\n    if (video.requestFullscreen) {\n      video.requestFullscreen();\n    } else if (video.webkitEnterFullscreen) {\n      video.webkitEnterFullscreen();\n    } else if (video.webkitRequestFullscreen) {\n      video.webkitRequestFullscreen();\n    } else if (video.msRequestFullscreen) {\n      video.msRequestFullscreen();\n    }\n\n    video.play();\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ben, bleib hier. Was war, darf ein Bild werden. Aber das Leben ist jetzt. Heute. Film vergr\u00f6\u00dfern<\/p>\n","protected":false},"author":1,"featured_media":592,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[79,77,78,76],"class_list":["post-586","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movies","tag-augenblicksfilm","tag-innerer-film","tag-kleine-szene","tag-sichtbar-machen"],"_links":{"self":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/586","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=586"}],"version-history":[{"count":2,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/586\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/586\/revisions\/590"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media\/592"}],"wp:attachment":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media?parent=586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/categories?post=586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/tags?post=586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}