{"id":2227,"date":"2022-11-17T21:19:02","date_gmt":"2022-11-17T21:19:02","guid":{"rendered":"https:\/\/aikido-kampfkunst.de\/?page_id=2227"},"modified":"2024-11-01T11:30:30","modified_gmt":"2024-11-01T11:30:30","slug":"countdown","status":"publish","type":"page","link":"https:\/\/aikido-kampfkunst.de\/?page_id=2227","title":{"rendered":"Trainings-Infos"},"content":{"rendered":"\n<p><\/p>\n\n\n<h2><strong><span style=\"color: #980000;\"><em>Das n\u00e4chste Aikido-Training beginnt in:<\/em><\/span><\/strong><\/h2>\n\n\n<p><\/p>\n\n\n\n\r\n\r\n\r\n<style>\r\n\r\n.show_circles_div:after {\r\n    content: '';\r\n    width: 100%;\r\n    display: inline-block;    \r\n}\r\n\r\n\/* Sets the containers height and width *\/\r\n.base-timer {\r\n  position: relative;\r\n  height: 110px;\r\n  width: 110px; \r\n}\r\n\r\n\/* Removes SVG styling that would hide the time label *\/\r\n.base-timer__circle {  \r\n  fill: #ffffff; \r\n  stroke: none;\r\n}\r\n\r\n\/* The SVG path that displays the timer's progress *\/\r\n.base-timer__path-elapsed { \r\n  stroke-width: 15px;\r\n  stroke: #ffffff;\r\n\r\n}\r\n\r\n.base-timer__label {\r\n\r\nmargin-top: 40px;    \r\nmargin-left: 0px; \r\n\r\nposition: absolute;\r\n\r\n\/* Size should match the parent container *\/\r\nwidth: 110px;\r\nheight: 110px;\r\n\r\n\r\n\r\n\/* Keep the label aligned to the top *\/\r\ntop: 0;\r\n\r\n\/* Create a flexible box that centers content vertically and horizontally *\/\r\ndisplay: block;  \r\nalign-items: center;\r\njustify-content: center;\r\n\r\n\/* Sort of an arbitrary number; adjust to your liking *\/\r\n\r\n}\r\n\r\n.base-timer__path-remaining {\r\n\/* Just as thick as the original ring *\/\r\nstroke-width: 15px;\r\n\r\n\/* Rounds the line endings to create a seamless circle *\/\r\nstroke-linecap: none; \r\n\r\n\/* Makes sure the animation starts at the top of the circle *\/\r\ntransform: rotate(90deg);\r\ntransform-origin: center;\r\n\r\n\/* One second aligns with the speed of the countdown timer *\/\r\n\/*transition: 1s linear all; *\/\r\n\r\n\/* Allows the ring to change color when the color value updates *\/\r\nstroke: currentColor;\r\n}\r\n\r\n.base-timer__svg {\r\n  \/* Flips the svg and makes the animation to move left-to-right *\/\r\n  transform: scaleX(-1);\r\n  \r\n}\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\n    jQuery(function()\r\n    {         \r\n            \r\n            \r\n\t\t\tvar d = \"2026-04-08 17:46:21\";            \r\n            var time_server = new Date(d.replace(\/-\/g, '\/'));\r\n\t\t\t\r\n\t\t\tvar date_objetive = new Date(2023,\r\n\t\t\t\t\t\t\t\t\t\t9,\r\n\t\t\t\t\t\t\t\t\t\t2,\r\n\t\t\t\t\t\t\t\t\t\t18,\r\n\t\t\t\t\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t\t\t\t); \r\n\t\t\r\n\r\n            var time = (date_objetive - time_server)\/1000;    \r\n\r\n             \/\/Show Text \r\n            if(\"\" == \"checked\") {            \r\n                \r\n                jQuery('.entire_block').css({\"display\":\"\"});           \r\n            }\r\n            else {            \r\n                \r\n                jQuery('.entire_block').css({\"display\":\"none\"});            \r\n            };    \r\n                \r\n            \/\/Show Circles \r\n            if(\"checked\" == \"checked\") {            \r\n                \r\n                jQuery('#show_circles_div').css({\"display\":\"\"});           \r\n            }\r\n            else {            \r\n                \r\n                jQuery('#show_circles_div').css({\"display\":\"none\"});            \r\n            };  \r\n\r\n            \/\/Hide Text in Mobile                     \r\n            if(\"\" == \"checked\") {  \r\n                \r\n                \r\n                jQuery('.entire_block').append('<style type=\"text\/css\">@media screen and (max-width: 480px){ .entire_block { display: none}}<\/style>');\r\n                         \r\n            }\r\n            else {   \r\n               \r\n                jQuery('.entire_block').append('<style type=\"text\/css\">@media screen and (max-width: 480px){ .entire_block { display: }}<\/style>');\r\n                          \r\n            };              \r\n\r\n            \/\/Hide Circles in Mobile                     \r\n            if(\"\" == \"checked\") {  \r\n                \r\n                \r\n                jQuery('.show_circles_div').append('<style type=\"text\/css\">@media screen and (max-width: 480px){ .show_circles_div { display: none}}<\/style>');\r\n                         \r\n            }\r\n            else {   \r\n                \r\n                jQuery('.show_circles_div').append('<style type=\"text\/css\">@media screen and (max-width: 480px){ .show_circles_div { display: }}<\/style>');\r\n                          \r\n            };                \r\n\r\n            \r\n            var trans = \"0s linear all\";\r\n            var trans2 = \"0s linear all\";\r\n            var rotation = 189;\r\n            \r\n            function calcular_tiempo()\r\n            {         \r\n\r\n                var years = Math.floor(time \/ 31536000);\r\n                var months = Math.floor((time % 31536000) \/ 2592000);\r\n                var days = Math.floor(((time % 31536000) % 2592000) \/ 86400);\r\n                var hours = Math.floor((((time % 31536000) % 2592000) % 86400) \/ 3600);\r\n                var minutes = Math.floor(((((time % 31536000) % 2592000) % 86400) % 3600) \/ 60);\r\n                var seconds = Math.floor(((((time % 31536000) % 2592000) % 86400) % 3600) % 60);\r\n                time--;   \r\n\r\n                if(years <= 0 && months <= 0 && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0) {\r\n\r\n                    years = 0; months = 0; days = 0; hours = 0; minutes = 0; seconds = 0;\r\n                    \r\n                    if(\"\" == \"\") {\r\n                        jQuery('.goal_message_div_2').css({\"display\":\"\"});\r\n                        jQuery('.goal_message_2').html(\"GOAL!!!\");\r\n                    }\r\n                    else {               \r\n\r\n                        jQuery('.timer_block').css({\"display\":\"none\"});\r\n                        jQuery('.goal_message').html(\"GOAL!!!\");\r\n                    }\r\n\r\n                    \/\/Show Circles            \r\n                    if(\"\" == \"checked\") {            \r\n                        \r\n                        jQuery('#show_circles_div').css({\"display\":\"none\"});           \r\n                    }\r\n                    else {            \r\n                        \r\n                        jQuery('#show_circles_div').css({\"display\":\"\"});            \r\n                    }; \r\n\r\n                    \/\/Show text            \r\n                    if(\"\" == \"checked\") {            \r\n                        \r\n                        jQuery('.entire_block').css({\"display\":\"none\"});           \r\n                    }\r\n                    else {            \r\n                        \r\n                        jQuery('entire_block').css({\"display\":\"\"});            \r\n                    }; \r\n                    stop_interval();                   \r\n                             \r\n                }      \r\n                \r\n                if(\"\" != \"checked\")\r\n                {\r\n                    years = \"\";            \r\n                }\r\n                if(\"\" != \"checked\")\r\n                {\r\n                    months = \"\";            \r\n                }\r\n                if(\"checked\" != \"checked\")\r\n                {\r\n                    days = \"\";            \r\n                }\r\n                if(\"checked\" != \"checked\")\r\n                {\r\n                    hours = \"\";            \r\n                }\r\n                if(\"checked\" != \"checked\")\r\n                {\r\n                    minutes = \"\";            \r\n                }\r\n                if(\"checked\" != \"checked\")\r\n                {\r\n                    seconds = \"\";            \r\n                }\r\n                \r\n                \r\n                \r\n                \r\n                \/\/Cadena de Salida       \r\n                    \r\n                jQuery('.salida_years').html((\"\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_years_counter').html(years);\r\n                \r\n                jQuery('.salida_months').html((\"\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_months_counter').html(months);\r\n                \r\n                jQuery('.salida_days').html((\"\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_days_counter').html(days);\r\n                \r\n                jQuery('.salida_hours').html((\"d\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_hours_counter').html(hours);\r\n                \r\n                jQuery('.salida_minutes').html((\"h\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_minutes_counter').html(minutes);\r\n\r\n                jQuery('.salida_seconds').html((\"min\").replace(\/\\&amp;nbsp\/g, '\\xa0'));\r\n                jQuery('.salida_seconds_counter').html(seconds);\r\n                    \r\n                jQuery('.salida_final').html((\"s\").replace(\/\\&amp;nbsp\/g, '\\xa0'));    \r\n                \r\n\r\n                if(seconds == 59){                    \r\n                    jQuery('#base-timer-path-remaining-seconds').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-seconds\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-seconds').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-seconds\").setAttribute(\"stroke-dasharray\", + calcular_rotation(seconds, 'segundos') + \" 220\");\r\n                    console.log(trans);\r\n                }\r\n                \r\n\r\n                if(minutes == 59){                    \r\n                    jQuery('#base-timer-path-remaining-minutes').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-minutes\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-minutes').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-minutes\").setAttribute(\"stroke-dasharray\", + calcular_rotation(minutes, 'minutos') + \" 220\");                    \r\n                }\r\n\r\n                if(hours == 23){                    \r\n                    jQuery('#base-timer-path-remaining-hours').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-hours\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-hours').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-hours\").setAttribute(\"stroke-dasharray\", + calcular_rotation(hours, 'horas') + \" 220\");                    \r\n                }\r\n\r\n                if(days == 29){                    \r\n                    jQuery('#base-timer-path-remaining-days').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-days\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-days').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-days\").setAttribute(\"stroke-dasharray\", + calcular_rotation(days, 'dias') + \" 220\");                    \r\n                }\r\n\r\n                if(months == 11){                    \r\n                    jQuery('#base-timer-path-remaining-months').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-months\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-months').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-months\").setAttribute(\"stroke-dasharray\", + calcular_rotation(months, 'meses') + \" 220\");                    \r\n                }\r\n\r\n                if(years == 9){                    \r\n                    jQuery('#base-timer-path-remaining-years').css({\"transition\": trans2});                    \r\n                    document.getElementById(\"base-timer-path-remaining-years\").setAttribute(\"stroke-dasharray\", + \"220\" + \" 220\");                    \r\n                }else {\r\n                    jQuery('#base-timer-path-remaining-years').css({\"transition\": trans});                    \r\n                    document.getElementById(\"base-timer-path-remaining-years\").setAttribute(\"stroke-dasharray\", + calcular_rotation(years, 'annos') + \" 220\");                    \r\n                }          \r\n                \r\n            }\r\n            \r\n            function calcular_rotation(valor, tipo) {\r\n                switch(tipo) {\r\n                    case 'segundos':\r\n                        rotation = ((valor) * 3.7288 );\r\n                        return rotation; \r\n\r\n                    case 'minutos':\r\n                        rotation = ((valor) * 3.7288 );\r\n                        return rotation;\r\n                        \r\n                    case 'horas':\r\n                        rotation = ((valor) * 9.5652 );\r\n                        return rotation;\r\n                        \r\n                    case 'dias':\r\n                        rotation = ((valor) * 7.5862 );\r\n                        return rotation;\r\n                        \r\n                    case 'meses':\r\n                        rotation = ((valor) * 20 );\r\n                        return rotation; \r\n\r\n                    case 'annos':\r\n                        rotation = ((valor) * 24.4444 );\r\n                        return rotation;                                         \r\n                }        \r\n            }\r\n            \r\n            \/\/Size\r\n            jQuery('.salida_years').css({\"font-size\":\"20px\"});\r\n            jQuery('.salida_years_counter').css({\"font-size\":\"20px\"});\r\n            jQuery('.salida_months').css({\"font-size\":\"20px\"});\r\n            jQuery('.salida_months_counter').css({\"font-size\":\"20px\"});\r\n            jQuery('.salida_days').css({\"font-size\":\"20px\"});\r\n            jQuery('.salida_days_counter').css({\"font-size\":\"24px\"});\r\n            jQuery('.salida_hours').css({\"font-size\":\"18px\"});\r\n            jQuery('.salida_hours_counter').css({\"font-size\":\"24px\"});\r\n            jQuery('.salida_minutes').css({\"font-size\":\"18px\"});\r\n            jQuery('.salida_minutes_counter').css({\"font-size\":\"24px\"});\r\n            jQuery('.salida_seconds').css({\"font-size\":\"18px\"});\r\n            jQuery('.salida_seconds_counter').css({\"font-size\":\"24px\"});\r\n            jQuery('.salida_final').css({\"font-size\":\"18px\"});\r\n            jQuery('.goal_message').css({\"font-size\":\"15px\"});\r\n            jQuery('.goal_message_2').css({\"font-size\":\"15px\"});\r\n\r\n            \/\/Color\r\n            jQuery('.salida_years').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_years_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_months').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_months_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_days').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_days_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_hours').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_hours_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_minutes').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_minutes_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_seconds').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_seconds_counter').css({\"color\":\"#000000\"});\r\n            jQuery('.salida_final').css({\"color\":\"#000000\"});\r\n            jQuery('.goal_message').css({\"color\":\"#000000\"});\r\n            jQuery('.goal_message_2').css({\"color\":\"#000000\"});\r\n\r\n            \/\/Font-Weight\r\n            jQuery('.salida_years').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_years_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_months').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_months_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_days').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_days_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_hours').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_hours_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_minutes').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_minutes_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_seconds').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_seconds_counter').css({\"font-weight\":\"900\"});\r\n            jQuery('.salida_final').css({\"font-weight\":\"900\"});\r\n            jQuery('.goal_message').css({\"font-weight\":\"500\"});\r\n            jQuery('.goal_message_2').css({\"font-weight\":\"500\"});\r\n\r\n            \/\/Font-Family\r\n            jQuery('.salida_years').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_years_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_months').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_months_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_days').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_days_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_hours').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_hours_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_minutes').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_minutes_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_seconds').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_seconds_counter').css({\"font-family\":\"Arial\"});\r\n            jQuery('.salida_final').css({\"font-family\":\"Arial\"});\r\n            jQuery('.goal_message').css({\"font-family\":\"Arial\"});\r\n            jQuery('.goal_message_2').css({\"font-family\":\"Arial\"});\r\n\r\n\r\n            \/\/Line-Height\r\n            jQuery('.salida_years').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_years_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_months').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_months_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_days').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_days_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_hours').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_hours_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_minutes').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_minutes_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_seconds').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_seconds_counter').css({\"line-height\":\"0\" + \"px\"});\r\n            jQuery('.salida_final').css({\"line-height\":\"0\" + \"px\"});\r\n\r\n            \/\/Entire Block\r\n            jQuery('.entire_block').css({\"background-color\":\"#000000\"});\r\n            jQuery('.entire_block').css({\"padding-left\":\"0\" + \"px\"});\r\n            jQuery('.entire_block').css({\"padding-top\":\"0\" + \"px\"});  \r\n            jQuery('.entire_block').css({\"padding-right\":\"0\" + \"px\"});  \r\n            jQuery('.entire_block').css({\"padding-bottom\":\"0\" + \"px\"});  \r\n            jQuery('.entire_block').css({\"width\":\"auto\"});   \r\n            jQuery('.entire_block').css({\"height\":\"0\"});\r\n            jQuery('.entire_block').css({\"text-align\":\"center\"}); \r\n            jQuery('.entire_block').css({\"border-style\":\"none\"});     \r\n            jQuery('.entire_block').css({\"border-width\":\"0\"});  \r\n            jQuery('.entire_block').css({\"border-color\":\"#000000\"});\r\n            jQuery('.entire_block').css({\"border-radius\":\"0\" + \"px\"}); \r\n            jQuery('.goal_message_div_2').css({\"text-align\":\"0\"});\r\n            jQuery('.goal_message_div_2').css({\"margin-top\":\"0\" + \"px\"}); \r\n            jQuery('.entire_block').css({\"margin\":\"0 auto\"}); \r\n            \r\n\r\n            jQuery('.entire_block').css({\"box-shadow\":\"0\"+ \"px\" + \" \" + \r\n                        \"0\" + \"px\"  + \" \" + \r\n                        \"0\" + \"px\"  + \" \" + \r\n                        \"#000000\"});\r\n\r\n            \/\/Space Between\r\n            var active_sections = [];\r\n            var space_between = [];\r\n            var cont2 = 0;\r\n            for(var cont = 0; cont < active_sections.length; cont++)\r\n            {\r\n                jQuery('#'+ active_sections[cont]).css({\"margin-left\":\"\" + space_between[cont2] + \"px\"});\r\n                cont2++;\r\n                jQuery('#'+ active_sections[cont]).css({\"margin-right\":\"\" + space_between[cont2] + \"px\"});\r\n                cont2++;\r\n            }            \r\n\r\n            var position = true;\r\n            function stop_interval()\r\n            {\r\n                clearInterval(Intervalo);\r\n            }\r\n\r\n            var Intervalo = setInterval(calcular_tiempo, 1000);             \r\n              \r\n    });\r\n<\/script>\r\n\r\n<div style=\"display:none;\" class=\"entire_block\">\r\n        <div class=\"timer_block\" style=\"\">\r\n        \r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_years\"><\/span>  \r\n                <\/div>  \r\n            <\/div>          \r\n\r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_years_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_months\"><\/span>\r\n                <\/div>  \r\n            <\/div>\r\n        \r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_months_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_days\"><\/span>\r\n                <\/div>\r\n            <\/div>  \r\n\r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_days_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_hours\"><\/span>\r\n                <\/div> \r\n            <\/div> \r\n\r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_hours_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_minutes\"><\/span>\r\n                <\/div> \r\n            <\/div>           \r\n\r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_minutes_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_seconds\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"display: inline-block;\">\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_seconds_counter\"><\/span>\r\n                <\/div>\r\n                <div style=\"display: inline-block;\">\r\n                    <span class=\"salida_final\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- <span style=\"white-space:nowrap;\" class=\"salida_years\"><\/span>     <span style=\"white-space:nowrap;\"><span class=\"salida_years_counter\"><\/span><span class=\"salida_months\"><\/span><\/span>   <span style=\"white-space:nowrap;\"><span class=\"salida_months_counter\"><\/span><span class=\"salida_days\"><\/span><\/span>   <span style=\"white-space:nowrap;\"><span class=\"salida_days_counter\"><\/span><span class=\"salida_hours\"><\/span><\/span>   <span style=\"white-space:nowrap;\"> <span class=\"salida_hours_counter\"><\/span><span class=\"salida_minutes\"><\/span><\/span>    <span style=\"white-space:nowrap;\"><span class=\"salida_minutes_counter\"><\/span><span class=\"salida_seconds\"><\/span><\/span> <span style=\"white-space:nowrap;\"><span class=\"salida_seconds_counter\"><\/span><span class=\"salida_final\"><\/span><\/span> -->\r\n        <\/div>\r\n        <div class=\"goal_message_div\">\r\n            <span class=\"goal_message\"><\/span>            \r\n        <\/div>        \r\n    <\/div>\r\n    \r\n    <div style=\"display:none;\" class=\"goal_message_div_2\">\r\n            <span  class=\"goal_message_2\"><\/span>            \r\n    <\/div>\r\n    \r\n\r\n    <div id=\"show_circles_div\" class=\"show_circles_div\" style=\"display:none; padding-top:20px; text-align: center; margin: 0px 0px 0px  0px ;\">    \r\n\r\n<!-- A\u00f1os -->\r\n    <div id=\"years_section\" class=\"base-timer\" style=\"display: none;\">\r\n        <svg id=\"\" class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\">            \r\n            <circle style=\"\" class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n            <path id=\"base-timer-path-remaining-years\"\r\n            stroke-dasharray=\"220 220\"\r\n            class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n            d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span id=\"base-timer-label\" class=\"base-timer__label\">\r\n            <span class=\"salida_years_counter\"><\/span><br><span class=\"salida_months\"><\/span>\r\n        <\/span>\r\n    <\/div>  \r\n\r\n\r\n<!-- Meses -->\r\n    <div id=\"months_section\" class=\"base-timer\" style=\"display: none;\">\r\n        <svg class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" style=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\" style=\"\">\r\n            <circle class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n            <path id=\"base-timer-path-remaining-months\"\r\n            stroke-dasharray=\"220 220\"\r\n            class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n            d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span style=\"\" id=\"base-timer-label\" class=\"base-timer__label\">\r\n            <span class=\"salida_months_counter\"><\/span><br><span class=\"salida_days\"><\/span>\r\n        <\/span>\r\n    <\/div>  \r\n\r\n\r\n<!-- Dias -->\r\n    <div id=\"days_section\" class=\"base-timer\" style=\"; display: inline-block;\">\r\n        <svg class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" style=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\">\r\n            <circle class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n            <path id=\"base-timer-path-remaining-days\"\r\n            stroke-dasharray=\"220 220\"\r\n            class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n            d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span style=\"\" id=\"base-timer-label\" class=\"base-timer__label\">\r\n            <span class=\"salida_days_counter\"><\/span><br><span class=\"salida_hours\"><\/span>\r\n        <\/span>\r\n    <\/div>  \r\n\r\n\r\n<!-- Horas -->\r\n    <div id=\"hours_section\" class=\"base-timer\" style=\"display: inline-block;\">\r\n        <svg class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" style=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\">\r\n            <circle class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n            <path id=\"base-timer-path-remaining-hours\"\r\n            stroke-dasharray=\"220 220\"\r\n            class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n            d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span style=\"\" id=\"base-timer-label\" class=\"base-timer__label\">\r\n        <span class=\"salida_hours_counter\"><\/span><br><span class=\"salida_minutes\"><\/span>\r\n        <\/span>\r\n    <\/div>  \r\n\r\n\r\n<!-- Minutos -->\r\n    <div id=\"minutes_section\" class=\"base-timer\" style=\"display: inline-block;\">\r\n        <svg class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" style=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\">\r\n            <circle class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n            <path id=\"base-timer-path-remaining-minutes\"\r\n            stroke-dasharray=\"220 220\"\r\n            class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n            d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span style=\"\" id=\"base-timer-label\" class=\"base-timer__label\">\r\n            <span class=\"salida_minutes_counter\"><\/span><br><span class=\"salida_seconds\"><\/span>\r\n        <\/span>\r\n    <\/div>  \r\n\r\n\r\n<!-- Segundos -->\r\n    <div id=\"seconds_section\" id=\"base_timer_seconds\" class=\"base-timer\" style=\"display: inline-block;\">\r\n        <svg class=\"base-timer__svg\" width=\"110\" height=\"110\" viewBox=\"0 0 100 100\" style=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g class=\"base-timer__circle\">\r\n                <circle class=\"base-timer__path-elapsed\" cx=\"50\" cy=\"50\" r=\"35\"><\/circle>\r\n                <path id=\"base-timer-path-remaining-seconds\" \r\n                stroke-dasharray=\"220 220\"\r\n                class=\"base-timer__path-remaining\"  style=\"color:#980000;\"\r\n                d=\"M15,50a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"><\/path>\r\n            <\/g>\r\n        <\/svg>\r\n        <span style=\"\" id=\"base-timer-label\" class=\"base-timer__label\">\r\n            \r\n        <span class=\"salida_seconds_counter\"><\/span><br><span class=\"salida_final\"><\/span>\r\n            \r\n        <\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\n\n\n\n<p><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p>\u201eDas wahre Wesen der Kampfkunst ist die Freundschaft. Aikido ist nicht nur eine Kampfkunst. Es ist auch eine Kunst die den Frieden f\u00f6rdert.\u201c         <strong>Ueshiba Morihei<\/strong>&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:105px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Das n\u00e4chste Aikido-Training beginnt in: \u201eDas wahre Wesen der Kampfkunst ist die Freundschaft. Aikido ist nicht nur eine Kampfkunst. Es ist auch eine Kunst die den Frieden f\u00f6rdert.\u201c Ueshiba Morihei&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/pages\/2227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2227"}],"version-history":[{"count":43,"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/pages\/2227\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=\/wp\/v2\/pages\/2227\/revisions\/2544"}],"wp:attachment":[{"href":"https:\/\/aikido-kampfkunst.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}