{"id":3032,"date":"2026-04-13T20:36:05","date_gmt":"2026-04-13T18:36:05","guid":{"rendered":"https:\/\/rakusoft.com\/wordpress\/?page_id=3032"},"modified":"2026-04-13T22:03:22","modified_gmt":"2026-04-13T20:03:22","slug":"meditation","status":"publish","type":"page","link":"https:\/\/rakusoft.com\/wordpress\/meditation\/","title":{"rendered":"Meditation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3032\" class=\"elementor elementor-3032\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c85018e e-flex e-con-boxed e-con e-parent\" data-id=\"c85018e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d592040 elementor-widget elementor-widget-spacer\" data-id=\"d592040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3077bed elementor-widget elementor-widget-heading\" data-id=\"3077bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Meine Meditation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac49638 elementor-widget elementor-widget-spacer\" data-id=\"ac49638\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae8e7d elementor-widget elementor-widget-spacer\" data-id=\"1ae8e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8dfa5b0 e-flex e-con-boxed e-con e-parent\" data-id=\"8dfa5b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888c542 elementor-widget elementor-widget-html\" data-id=\"888c542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"minimal-audio-player\">\r\n  <audio id=\"audio-element\" src=\"https:\/\/www.rakusoft.com\/Meditation\/Meditation-pur.mp3\"><\/audio>\r\n  \r\n  <div class=\"player-controls\">\r\n    <button id=\"play-pause-button\" class=\"play\" aria-label=\"Play\/Pause\">\r\n      <svg class=\"icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path d=\"M8 5v14l11-7z\"\/>\r\n      <\/svg>\r\n      <svg class=\"icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"display: none;\">\r\n        <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"progress-container\" id=\"progress-container\">\r\n      <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.minimal-audio-player {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  padding: 10px;\r\n}\r\n\r\n.player-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  width: 100%;\r\n}\r\n\r\n#play-pause-button {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(5px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: 50%;\r\n  width: 50px;\r\n  height: 50px;\r\n  min-width: 50px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: white;\r\n  padding: 0;\r\n}\r\n\r\n#play-pause-button:hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n#play-pause-button svg {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.progress-container {\r\n  flex-grow: 1;\r\n  height: 6px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.progress-bar {\r\n  width: 0%;\r\n  height: 100%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  border-radius: 10px;\r\n  transition: width 0.1s linear;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const audio = document.getElementById('audio-element');\r\n  const btn = document.getElementById('play-pause-button');\r\n  const playIcon = btn.querySelector('.icon-play');\r\n  const pauseIcon = btn.querySelector('.icon-pause');\r\n  const progressContainer = document.getElementById('progress-container');\r\n  const progressBar = document.getElementById('progress-bar');\r\n\r\n  \/\/ Play\/Pause Logik\r\n  btn.addEventListener('click', function() {\r\n    if (audio.paused) {\r\n      audio.play();\r\n      playIcon.style.display = 'none';\r\n      pauseIcon.style.display = 'block';\r\n    } else {\r\n      audio.pause();\r\n      playIcon.style.display = 'block';\r\n      pauseIcon.style.display = 'none';\r\n    }\r\n  });\r\n\r\n  \/\/ Fortschrittsbalken aktualisieren\r\n  audio.addEventListener('timeupdate', function() {\r\n    const percent = (audio.currentTime \/ audio.duration) * 100;\r\n    progressBar.style.width = percent + '%';\r\n  });\r\n\r\n  \/\/ Springen im Track (Seek)\r\n  progressContainer.addEventListener('click', function(e) {\r\n    const width = this.clientWidth;\r\n    const clickX = e.offsetX;\r\n    const duration = audio.duration;\r\n    audio.currentTime = (clickX \/ width) * duration;\r\n  });\r\n\r\n  audio.addEventListener('ended', function() {\r\n    playIcon.style.display = 'block';\r\n    pauseIcon.style.display = 'none';\r\n    progressBar.style.width = '0%';\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meine Meditation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3032"}],"version-history":[{"count":10,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3032\/revisions"}],"predecessor-version":[{"id":3062,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3032\/revisions\/3062"}],"wp:attachment":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}