{"id":553,"date":"2026-06-09T18:32:10","date_gmt":"2026-06-09T18:32:10","guid":{"rendered":"https:\/\/echtjetzt.digital\/?p=553"},"modified":"2026-06-16T10:25:36","modified_gmt":"2026-06-16T10:25:36","slug":"neu-heute","status":"publish","type":"post","link":"https:\/\/echtjetzt.digital\/index.php\/2026\/06\/09\/neu-heute\/","title":{"rendered":"Augenblicksfilme die gemeinsame Treppe"},"content":{"rendered":"\n\n<section class=\"cinema-film-section\">\n\n  <div class=\"cinema-cover\">\n    <img decoding=\"async\" src=\"https:\/\/echtjetzt.digital\/media\/treppe\/paris.jpeg\" alt=\"Titelbild Paris Treppe \u2013 Ben der Schweizer\" class=\"cinema-cover-image\" onclick=\"openCinemaVideo()\">\n\n    <button class=\"cinema-play-button\" onclick=\"openCinemaVideo()\">\n      \u25b6 Film ansehen\n    <\/button>\n  <\/div>\n\n  <div id=\"cinema-video-overlay\" class=\"cinema-video-overlay\">\n    <div class=\"cinema-video-wrapper\">\n\n      <button class=\"cinema-close-button\" onclick=\"closeCinemaVideo()\">\n        \u00d7\n      <\/button>\n\n      <video id=\"cinema-video\" controls=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/echtjetzt.digital\/media\/treppe\/paris.jpeg\">\n        <source src=\"https:\/\/echtjetzt.digital\/media\/treppe\/paris.mp4\" type=\"video\/mp4\">\n        Dein Browser kann dieses Video leider nicht abspielen.\n      <\/video>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n  .cinema-film-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 24px 12px;\n    box-sizing: border-box;\n  }\n\n  .cinema-cover {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    border-radius: 18px;\n    background: #111;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.35);\n    cursor: pointer;\n  }\n\n  .cinema-cover-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease, filter 0.6s ease;\n  }\n\n  .cinema-cover:hover .cinema-cover-image {\n    transform: scale(1.03);\n    filter: brightness(0.78);\n  }\n\n  .cinema-play-button {\n    position: absolute;\n    left: 50%;\n    bottom: 8%;\n    transform: translateX(-50%);\n    padding: 12px 24px;\n    border: 1px solid rgba(255,255,255,0.75);\n    border-radius: 999px;\n    background: rgba(0,0,0,0.45);\n    color: white;\n    font-size: clamp(15px, 2vw, 20px);\n    letter-spacing: 0.04em;\n    cursor: pointer;\n    backdrop-filter: blur(8px);\n  }\n\n  .cinema-play-button:hover {\n    background: rgba(255,255,255,0.18);\n  }\n\n  .cinema-video-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 9999;\n    background: rgba(0,0,0,0.92);\n    align-items: center;\n    justify-content: center;\n    padding: 18px;\n    box-sizing: border-box;\n  }\n\n  .cinema-video-overlay.active {\n    display: flex;\n  }\n\n  .cinema-video-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 1400px;\n  }\n\n  .cinema-video-wrapper video {\n    width: 100%;\n    max-height: 92vh;\n    border-radius: 14px;\n    display: block;\n    background: #000;\n    box-shadow: 0 0 60px rgba(0,0,0,0.7);\n  }\n\n  .cinema-close-button {\n    position: absolute;\n    top: -46px;\n    right: 0;\n    width: 40px;\n    height: 40px;\n    border: none;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.15);\n    color: white;\n    font-size: 30px;\n    line-height: 36px;\n    cursor: pointer;\n  }\n\n  .cinema-close-button:hover {\n    background: rgba(255,255,255,0.3);\n  }\n\n  @media (max-width: 768px) {\n    .cinema-film-section {\n      padding: 12px 0;\n    }\n\n    .cinema-cover {\n      border-radius: 0;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .cinema-video-overlay {\n      padding: 0;\n    }\n\n    .cinema-video-wrapper video {\n      border-radius: 0;\n      max-height: 100vh;\n    }\n\n    .cinema-close-button {\n      top: 12px;\n      right: 12px;\n      z-index: 2;\n      background: rgba(0,0,0,0.55);\n    }\n  }\n<\/style>\n\n<script>\n  function openCinemaVideo() {\n    const overlay = document.getElementById('cinema-video-overlay');\n    const video = document.getElementById('cinema-video');\n\n    overlay.classList.add('active');\n    video.currentTime = 0;\n    video.play();\n\n    if (video.requestFullscreen) {\n      video.requestFullscreen().catch(() => {});\n    }\n  }\n\n  function closeCinemaVideo() {\n    const overlay = document.getElementById('cinema-video-overlay');\n    const video = document.getElementById('cinema-video');\n\n    video.pause();\n    overlay.classList.remove('active');\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n    }\n  }\n\n  document.addEventListener('keydown', function(event) {\n    if (event.key === 'Escape') {\n      closeCinemaVideo();\n    }\n  });\n<\/script>\n&#8222;`\n","protected":false},"excerpt":{"rendered":"<p>\u25b6 Film ansehen \u00d7 Dein Browser kann dieses Video leider nicht abspielen. &#8222;`<\/p>\n","protected":false},"author":1,"featured_media":556,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[75],"class_list":["post-553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movies","tag-augenblicksfilme"],"_links":{"self":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/553","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=553"}],"version-history":[{"count":7,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions\/585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media\/556"}],"wp:attachment":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/categories?post=553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/tags?post=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}