{"id":618,"date":"2026-06-23T22:19:48","date_gmt":"2026-06-23T22:19:48","guid":{"rendered":"https:\/\/echtjetzt.digital\/?p=618"},"modified":"2026-06-23T22:20:56","modified_gmt":"2026-06-23T22:20:56","slug":"heiss-gleich-hot","status":"publish","type":"post","link":"https:\/\/echtjetzt.digital\/index.php\/2026\/06\/23\/heiss-gleich-hot\/","title":{"rendered":"Heiss gleich Hot"},"content":{"rendered":"\n<div class=\"ben-video-stage\">\n\n  <div class=\"click-hint\">Heute br\u00e4t die Stra\u00dfe.<\/div>\n\n  <button class=\"flying-video\" id=\"openBenVideo\" aria-label=\"Video \u00f6ffnen\">\n    <video\n      src=\"https:\/\/echtjetzt.digital\/media\/heiss\/eier.mp4\"\n      poster=\"https:\/\/echtjetzt.digital\/media\/heiss\/eier.jpg\"\n      muted\n      loop\n      playsinline\n      preload=\"metadata\">\n    <\/video>\n  <\/button>\n\n<\/div>\n\n<div class=\"ben-video-overlay\" id=\"benVideoOverlay\">\n  <button class=\"close-video\" id=\"closeBenVideo\">Video schliessen<\/button>\n\n  <video\n    id=\"benMainVideo\"\n    src=\"https:\/\/echtjetzt.digital\/media\/heiss\/eier.mp4\"\n    poster=\"https:\/\/echtjetzt.digital\/media\/heiss\/eier.jpg\"\n    controls\n    playsinline\n    preload=\"auto\">\n  <\/video>\n<\/div>\n\n<style>\n  .ben-video-stage {\n    position: relative;\n    width: 100%;\n    min-height: 80vh;\n    overflow: hidden;\n    background: #eeeeee;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .flying-video {\n    width: min(42vw, 360px);\n    aspect-ratio: 16 \/ 9;\n    border: none;\n    padding: 0;\n    background: transparent;\n    cursor: pointer;\n    animation: whirl 8s infinite linear;\n    filter: drop-shadow(0 18px 28px rgba(0,0,0,0.35));\n  }\n\n  .flying-video video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 18px;\n    display: block;\n    transform: rotate(-4deg);\n    background: #000;\n  }\n\n  .click-hint {\n    position: absolute;\n    top: 12%;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 14px 24px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.92);\n    color: #111;\n    font-family: Georgia, serif;\n    font-size: clamp(22px, 4vw, 42px);\n    letter-spacing: 0.03em;\n    opacity: 0;\n    z-index: 3;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.18);\n    animation: showHint 0.8s ease forwards;\n    animation-delay: 1s;\n    pointer-events: none;\n  }\n\n  @keyframes showHint {\n    from {\n      opacity: 0;\n      transform: translateX(-50%) translateY(-18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(-50%) translateY(0);\n    }\n  }\n\n  @keyframes whirl {\n    0%   { transform: translate(-28vw, -12vh) rotate(0deg) scale(0.72); }\n    20%  { transform: translate(24vw, -22vh) rotate(110deg) scale(0.86); }\n    40%  { transform: translate(28vw, 18vh) rotate(210deg) scale(1); }\n    60%  { transform: translate(-18vw, 24vh) rotate(320deg) scale(0.9); }\n    80%  { transform: translate(-34vw, 0vh) rotate(430deg) scale(0.78); }\n    100% { transform: translate(-28vw, -12vh) rotate(540deg) scale(0.72); }\n  }\n\n  .ben-video-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    background: rgba(0,0,0,0.96);\n    display: none;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ben-video-overlay.active {\n    display: flex;\n  }\n\n  .ben-video-overlay video {\n    width: 100vw;\n    height: 100vh;\n    object-fit: contain;\n    background: #000;\n  }\n\n  .close-video {\n    position: fixed;\n    top: 18px;\n    right: 18px;\n    z-index: 1000000;\n    border: none;\n    border-radius: 999px;\n    padding: 12px 20px;\n    background: rgba(255,255,255,0.92);\n    color: #111;\n    font-size: 16px;\n    font-family: Arial, sans-serif;\n    cursor: pointer;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.35);\n  }\n\n  .close-video:hover {\n    background: #ffffff;\n  }\n\n  @media (max-width: 700px) {\n    .ben-video-stage {\n      min-height: 78vh;\n    }\n\n    .flying-video {\n      width: 68vw;\n    }\n\n    .click-hint {\n      top: 10%;\n      font-size: 28px;\n      white-space: nowrap;\n    }\n\n    @keyframes whirl {\n      0%   { transform: translate(-22vw, -18vh) rotate(0deg) scale(0.75); }\n      25%  { transform: translate(18vw, -24vh) rotate(130deg) scale(0.9); }\n      50%  { transform: translate(20vw, 20vh) rotate(260deg) scale(1); }\n      75%  { transform: translate(-20vw, 18vh) rotate(390deg) scale(0.86); }\n      100% { transform: translate(-22vw, -18vh) rotate(520deg) scale(0.75); }\n    }\n  }\n<\/style>\n\n<script>\n  const openButton = document.getElementById(\"openBenVideo\");\n  const overlay = document.getElementById(\"benVideoOverlay\");\n  const mainVideo = document.getElementById(\"benMainVideo\");\n  const closeButton = document.getElementById(\"closeBenVideo\");\n\n  openButton.addEventListener(\"click\", function () {\n    overlay.classList.add(\"active\");\n    mainVideo.currentTime = 0;\n    mainVideo.play();\n  });\n\n  closeButton.addEventListener(\"click\", closeVideo);\n\n  overlay.addEventListener(\"click\", function (event) {\n    if (event.target === overlay) {\n      closeVideo();\n    }\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (event.key === \"Escape\") {\n      closeVideo();\n    }\n  });\n\n  function closeVideo() {\n    mainVideo.pause();\n    mainVideo.currentTime = 0;\n    overlay.classList.remove(\"active\");\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Heute br\u00e4t die Stra\u00dfe. Video schliessen<\/p>\n","protected":false},"author":1,"featured_media":621,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,38],"tags":[],"class_list":["post-618","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movies","category-meine-weissheiten"],"_links":{"self":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/618","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=618"}],"version-history":[{"count":2,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/618\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/posts\/618\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media\/621"}],"wp:attachment":[{"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/media?parent=618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/categories?post=618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/echtjetzt.digital\/index.php\/wp-json\/wp\/v2\/tags?post=618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}