{"id":6577,"date":"2025-09-22T08:36:57","date_gmt":"2025-09-22T12:36:57","guid":{"rendered":"https:\/\/getfitoapp.com\/?page_id=6577"},"modified":"2025-10-08T23:01:42","modified_gmt":"2025-10-09T03:01:42","slug":"exercise-calories-burned-calculator","status":"publish","type":"page","link":"https:\/\/getfitoapp.com\/de\/tools\/exercise-calories-burned-calculator\/","title":{"rendered":"Rechner f\u00fcr den Kalorienverbrauch bei k\u00f6rperlicher Bet\u00e4tigung"},"content":{"rendered":"<div id=\"fws_69e076c889de5\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-highlighted-text\" data-style=\"full_text\" data-exp=\"default\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\"><h2 style=\"text-align: center\">Rechner f\u00fcr den Kalorienverbrauch bei k\u00f6rperlicher Bet\u00e4tigung<\/h2>\n<\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p style=\"text-align: center;\">Wie viele Kalorien werden w\u00e4hrend einer Trainingseinheit verbrannt?<\/p>\n<p style=\"text-align: center;\">Unterst\u00fctzt mehr als 80 Sportarten: Gehen, Laufen, Radfahren, Ballsportarten, Fitnesstraining, Studioaktivit\u00e4ten, Wassersport, Schneesport, Kampfsport.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e076c88a468\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Rechner f\u00fcr den Kalorienverbrauch bei k\u00f6rperlicher Bet\u00e4tigung<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #ffffff;\n            min-height: 100vh;\n            padding: 20px 10px;\n        }\n        \n        .calculator-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n        \n        .header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            text-align: center;\n            padding: 20px;\n        }\n        \n        .header h1 {\n            font-size: 2rem;\n            margin: 0;\n            font-weight: 300;\n        }\n        \n        .content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0;\n            min-height: 600px;\n        }\n        \n        .controls {\n            padding: 40px 30px;\n            background: #f8f9fa;\n            border-right: 1px solid #e9ecef;\n            overflow-y: auto;\n            max-height: 700px;\n        }\n        \n        .result-panel {\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n        \n        \/* Wide screen layout for results *\/\n        @media (min-width: 1024px) {\n            .result-panel {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px;\n                align-items: center;\n                text-align: left;\n            }\n            \n            .result-card {\n                grid-column: 1;\n                max-width: none !important;\n            }\n            \n            .calculation-details {\n                grid-column: 2;\n                background: white !important;\n                border-radius: 12px !important;\n                padding: 30px !important;\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            }\n            \n            .result-card .calculation-details {\n                display: none;\n            }\n        }\n        \n        .control-group {\n            margin-bottom: 35px;\n        }\n        \n        .control-group label {\n            display: block;\n            font-weight: 600;\n            color: #F0605C;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .weight-input, .duration-input {\n            width: 100%;\n            padding: 12px;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            font-size: 1.2rem;\n            text-align: center;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .weight-input:focus, .duration-input:focus {\n            outline: none;\n            border-color: #F0605C;\n            box-shadow: 0 0 0 3px rgba(240, 96, 92, 0.1);\n        }\n        \n        .unit-toggle {\n            display: flex;\n            background: #e9ecef;\n            border-radius: 12px;\n            padding: 4px;\n        }\n        \n        .unit-option {\n            flex: 1;\n            padding: 12px 10px;\n            text-align: center;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border-radius: 8px;\n            min-width: 50px;\n        }\n        \n        .unit-option.active {\n            background: white;\n            color: #F0605C;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .duration-options {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            margin-bottom: 15px;\n        }\n        \n        .duration-option {\n            padding: 10px;\n            border: 2px solid #e9ecef;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-align: center;\n            background: white;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n        \n        .duration-option:hover {\n            border-color: #F0605C;\n            transform: translateY(-1px);\n        }\n        \n        .duration-option.selected {\n            border-color: #F0605C;\n            background: rgba(240, 96, 92, 0.1);\n            color: #F0605C;\n        }\n        \n        .exercise-categories {\n            max-height: 300px;\n            overflow-y: auto;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            background: white;\n        }\n        \n        .category-header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            padding: 12px 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .category-header:hover {\n            background: linear-gradient(45deg, #E5544F, #DA4F4A);\n        }\n        \n        .category-arrow {\n            transition: transform 0.3s ease;\n            font-size: 0.8rem;\n        }\n        \n        .category-arrow.expanded {\n            transform: rotate(180deg);\n        }\n        \n        .category-content {\n            display: none;\n            background: #f8f9fa;\n            padding: 10px;\n        }\n        \n        .category-content.active {\n            display: block;\n        }\n        \n        .exercise-option {\n            padding: 8px 12px;\n            margin: 2px 0;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: white;\n            border: 1px solid #e9ecef;\n        }\n        \n        .exercise-option:hover {\n            background: rgba(240, 96, 92, 0.1);\n            border-color: #F0605C;\n        }\n        \n        .exercise-option.selected {\n            background: rgba(240, 96, 92, 0.2);\n            border-color: #F0605C;\n            color: #F0605C;\n            font-weight: 600;\n        }\n        \n        .exercise-name {\n            flex: 1;\n        }\n        \n        .exercise-met {\n            font-size: 0.8rem;\n            color: #6c757d;\n            font-weight: 600;\n        }\n        \n        .exercise-option.selected .exercise-met {\n            color: #F0605C;\n        }\n        \n        .result-card {\n            background: rgba(240, 96, 92, 0.1);\n            border: 2px solid #F0605C;\n            border-radius: 20px;\n            padding: 40px;\n            max-width: 400px;\n            width: 100%;\n        }\n        \n        .calories-number {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #F0605C;\n            margin-bottom: 10px;\n            line-height: 1;\n        }\n        \n        .calories-label {\n            font-size: 1.2rem;\n            color: #6c757d;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .calculation-details {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            text-align: left;\n        }\n        \n        .detail-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 10px;\n            padding: 5px 0;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        \n        .detail-row:last-child {\n            border-bottom: none;\n            font-weight: 600;\n            color: #F0605C;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 2px solid #F0605C;\n        }\n        \n        .detail-label {\n            color: #6c757d;\n        }\n        \n        .detail-value {\n            font-weight: 600;\n        }\n        \n        .formula-note {\n            font-size: 0.8rem;\n            color: #6c757d;\n            margin-top: 15px;\n            font-style: italic;\n            text-align: center;\n        }\n        \n        @media (max-width: 768px) {\n            .weight-container {\n                flex-direction: column !important;\n                gap: 15px !important;\n            }\n            \n            .weight-input {\n                width: 100% !important;\n            }\n            \n            .content {\n                grid-template-columns: 1fr;\n            }\n            \n            .controls {\n                border-right: none;\n                border-bottom: 1px solid #e9ecef;\n                max-height: none;\n            }\n            \n            .header h1 {\n                font-size: 1.5rem;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(3, 1fr);\n            }\n            \n            .controls, .result-panel {\n                padding: 25px 20px;\n            }\n            \n            .result-card {\n                padding: 25px;\n            }\n            \n            .calories-number {\n                font-size: 2.5rem;\n            }\n            \n            \/* Mobile: single column layout *\/\n            .result-panel {\n                display: flex !important;\n                flex-direction: column !important;\n                text-align: center !important;\n            }\n            \n            .result-card .calculation-details {\n                display: block !important;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            body {\n                padding: 10px 5px;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .calories-number {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"calculator-container\">\n        <div class=\"content\">\n            <div class=\"controls\">\n                <div class=\"control-group\">\n                    <label>Gewicht<\/label>\n                    <div class=\"weight-container\" style=\"display: flex; gap: 15px; align-items: flex-end; margin-bottom: 20px;\">\n                        <input type=\"number\" id=\"weight\" class=\"weight-input\" value=\"70\" min=\"30\" max=\"200\" placeholder=\"Geben Sie Ihr Gewicht ein\" style=\"flex: 1;\">\n                        <div class=\"unit-toggle\">\n                            <div class=\"unit-option active\" data-unit=\"kg\">kg<\/div>\n                            <div class=\"unit-option\" data-unit=\"lbs\">lbs<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Dauer (Minuten)<\/label>\n                    <div class=\"duration-options\">\n                        <div class=\"duration-option\" data-duration=\"15\">15 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"20\">20 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"25\">25 min<\/div>\n                        <div class=\"duration-option selected\" data-duration=\"30\">30 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"35\">35 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"40\">40 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"45\">45 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"60\">60 min<\/div>\n                    <\/div>\n                    <input type=\"number\" id=\"duration\" class=\"duration-input\" value=\"30\" min=\"1\" max=\"300\" placeholder=\"Oder geben Sie eigene Minuten ein\">\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>\u00dcbungstyp<\/label>\n                    <div class=\"exercise-categories\" id=\"exerciseCategories\">\n                        <!-- Walking Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Walking')\">\n                                <span>Gehen<\/span>\n                                <span class=\"category-arrow expanded\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content active\" id=\"category-Walking\">\n                                <div class=\"exercise-option selected\" onclick=\"selectExercise('Outdoor Walk', 3)\" data-exercise=\"Outdoor Walk\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Spaziergang im Freien<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Walk', 2)\" data-exercise=\"Indoor Walk\" data-met=\"2\">\n                                    <span class=\"exercise-name\">Indoor Spaziergang<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hiking', 3)\" data-exercise=\"Hiking\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Wandern<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Walk', 1.5)\" data-exercise=\"Dog Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Hundespaziergang<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('City Walk', 1.5)\" data-exercise=\"City Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Stadtrundgang<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Running Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Running')\">\n                                <span>Laufen<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Running\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rucking', 4)\" data-exercise=\"Rucking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Rucks\u00e4cke<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Run', 8)\" data-exercise=\"Outdoor Run\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Outdoor-Lauf<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Run', 7)\" data-exercise=\"Indoor Run\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Indoor-Lauf<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Trail Run', 9)\" data-exercise=\"Trail Run\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Trail-Lauf<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Run', 5)\" data-exercise=\"Dog Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Hundeauslauf<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stroller Run', 5)\" data-exercise=\"Stroller Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Kinderwagenlauf<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Spartan Run', 10)\" data-exercise=\"Spartan Run\" data-met=\"10\">\n                                    <span class=\"exercise-name\">Spartanischer Lauf<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Cycling Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Cycling')\">\n                                <span>Radfahren<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Cycling\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Ride', 6)\" data-exercise=\"Outdoor Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Outdoor-Ritt<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Ride', 5)\" data-exercise=\"Indoor Ride\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Indoor-Fahrt<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('E-Bike Ride', 2)\" data-exercise=\"E-Bike Ride\" data-met=\"2\">\n                                    <span class=\"exercise-name\">E-Bike-Fahrt<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Gravel Ride', 8)\" data-exercise=\"Gravel Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Schotterfahrt<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mountain Bike Ride', 8)\" data-exercise=\"Mountain Bike Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Mountainbike-Ausflug<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('BMX', 6)\" data-exercise=\"BMX\" data-met=\"6\">\n                                    <span class=\"exercise-name\">BMX<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hand Ride', 6)\" data-exercise=\"Hand Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Hand Ride<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cargo Bike Ride', 6)\" data-exercise=\"Cargo Bike Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Cargo-Bike-Fahrt<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Ball Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Ball Sports')\">\n                                <span>Ballsportarten<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Ball Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Soccer', 7.5)\" data-exercise=\"Soccer\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Fu\u00dfball<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Basketball', 6)\" data-exercise=\"Basketball\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Basketball<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rugby', 8)\" data-exercise=\"Rugby\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Rugby<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Golf', 2.5)\" data-exercise=\"Golf\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Golf<\/span>\n                                    <span class=\"exercise-met\">MET 2,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Baseball', 4)\" data-exercise=\"Baseball\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Baseball<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tennis', 6)\" data-exercise=\"Tennis\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Tennis<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Volleyball', 5)\" data-exercise=\"Volleyball\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Volleyball<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Bowling', 1.5)\" data-exercise=\"Bowling\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Bowling<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hockey', 6.5)\" data-exercise=\"Hockey\" data-met=\"6.5\">\n                                    <span class=\"exercise-name\">Hockey<\/span>\n                                    <span class=\"exercise-met\">MET 6,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flag Football', 6)\" data-exercise=\"Flag Football\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Flag Football<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Squash', 7.5)\" data-exercise=\"Squash\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">K\u00fcrbis<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Badminton', 5)\" data-exercise=\"Badminton\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Badminton<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Table Tennis', 4.5)\" data-exercise=\"Table Tennis\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Tischtennis<\/span>\n                                    <span class=\"exercise-met\">MET 4,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Handball', 8)\" data-exercise=\"Handball\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Handball<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pickleball', 4.5)\" data-exercise=\"Pickleball\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Pickleball<\/span>\n                                    <span class=\"exercise-met\">MET 4,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cricket', 3.5)\" data-exercise=\"Cricket\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Kricket<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Lacrosse', 6)\" data-exercise=\"Lacrosse\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Lacrosse<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Fitness Training Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Fitness Training')\">\n                                <span>Fitness-Training<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Fitness Training\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('HIIT', 10)\" data-exercise=\"HIIT\" data-met=\"10\">\n                                    <span class=\"exercise-name\">HIIT<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Crossfit', 7)\" data-exercise=\"Crossfit\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Crossfit<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Traditional Strength Training', 3.5)\" data-exercise=\"Traditional Strength Training\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Traditionelles Krafttraining<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Functional Strength Training', 4)\" data-exercise=\"Functional Strength Training\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Funktionelles Krafttraining<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Core Training', 2.5)\" data-exercise=\"Core Training\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Grundausbildung<\/span>\n                                    <span class=\"exercise-met\">MET 2,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mixed Cardio', 7)\" data-exercise=\"Mixed Cardio\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Gemischtes Kardio<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Jump Rope', 8)\" data-exercise=\"Jump Rope\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Springseil<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Elliptical', 6)\" data-exercise=\"Elliptical\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Elliptisch<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stair Climbing', 7)\" data-exercise=\"Stair Climbing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Treppenklettern<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stairs', 7.5)\" data-exercise=\"Stairs\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Treppe<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flexibility', 1.5)\" data-exercise=\"Flexibility\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Flexibilit\u00e4t<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Studio Activities Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Studio Activities')\">\n                                <span>Studio-Aktivit\u00e4ten<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Studio Activities\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Yoga', 1.5)\" data-exercise=\"Yoga\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Yoga<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dance', 5.5)\" data-exercise=\"Dance\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">Tanz<\/span>\n                                    <span class=\"exercise-met\">MET 5,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pilates', 3)\" data-exercise=\"Pilates\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Pilates<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mind & Body', 0.5)\" data-exercise=\"Mind & Body\" data-met=\"0.5\">\n                                    <span class=\"exercise-name\">Geist und K\u00f6rper<\/span>\n                                    <span class=\"exercise-met\">MET 0,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Water Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Water Sports')\">\n                                <span>Wassersport<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Water Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pool Swim', 7)\" data-exercise=\"Pool Swim\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Pool Schwimmen<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Swim', 8)\" data-exercise=\"Outdoor Swim\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Schwimmen im Freien<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Surfing', 4)\" data-exercise=\"Surfing\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Surfen<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Sailing', 3.5)\" data-exercise=\"Sailing\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Segeln<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kayaking', 4)\" data-exercise=\"Kayaking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Kajakfahren<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rowing', 5)\" data-exercise=\"Rowing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Rudern<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Paddle', 5)\" data-exercise=\"Paddle\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Paddel<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Water Sports', 3)\" data-exercise=\"Water Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Wassersport<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Snow Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Snow Sports')\">\n                                <span>Schneesport<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Snow Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Downhill Skiing', 5)\" data-exercise=\"Downhill Skiing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Skifahren<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snowboard', 5)\" data-exercise=\"Snowboard\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Snowboard<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cross Country Skiing', 8)\" data-exercise=\"Cross Country Skiing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Skilanglauf<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Skating', 6)\" data-exercise=\"Outdoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Schlittschuhlaufen im Freien<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Skating', 6)\" data-exercise=\"Indoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Schlittschuhlaufen in der Halle<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snow Sports', 3)\" data-exercise=\"Snow Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Schneesport<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Martial Arts Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Martial Arts')\">\n                                <span>Kampfsportarten<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Martial Arts\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kickboxing', 7)\" data-exercise=\"Kickboxing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Kickboxen<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Boxing', 7.5)\" data-exercise=\"Boxing\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Boxen<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wrestling', 6)\" data-exercise=\"Wrestling\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Ringen<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Martial Arts', 7)\" data-exercise=\"Martial Arts\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Kampfsportarten<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tai Chi', 3.5)\" data-exercise=\"Tai Chi\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Tai Chi<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Other Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Other')\">\n                                <span>Andere<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Other\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fishing', 1.5)\" data-exercise=\"Fishing\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Angeln<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Disc Sports', 6)\" data-exercise=\"Disc Sports\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Scheibensport<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Skateboarding', 7)\" data-exercise=\"Skateboarding\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Skateboarding<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Climbing', 8)\" data-exercise=\"Climbing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Klettern<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Equestrian Sports', 5)\" data-exercise=\"Equestrian Sports\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Pferdesport<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cheerleading', 3)\" data-exercise=\"Cheerleading\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Cheerleading<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Parkour', 9)\" data-exercise=\"Parkour\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Parkour<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Archery', 3)\" data-exercise=\"Archery\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Bogenschie\u00dfen<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fencing', 6)\" data-exercise=\"Fencing\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Fechten<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wheelchair', 3)\" data-exercise=\"Wheelchair\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Rollstuhl<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Other', 3)\" data-exercise=\"Other\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Andere<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fitness Gaming', 5.5)\" data-exercise=\"Fitness Gaming\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">Fitness-Spiele<\/span>\n                                    <span class=\"exercise-met\">MET 5,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Eight Brocades', 3)\" data-exercise=\"Eight Brocades\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Acht Brokate<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"result-panel\">\n                <div class=\"result-card\">\n                    <div class=\"calories-number\" id=\"caloriesNumber\">315<\/div>\n                    <div class=\"calories-label\">verbrannte Kalorien<\/div>\n                    <div class=\"calculation-details\">\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">\u00dcbung:<\/span>\n                            <span class=\"detail-value\" id=\"exerciseName\">Spaziergang im Freien<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">MET-Wert:<\/span>\n                            <span class=\"detail-value\" id=\"metValue\">3.0<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Gewicht:<\/span>\n                            <span class=\"detail-value\" id=\"weightDisplay\">70 kg<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Dauer:<\/span>\n                            <span class=\"detail-value\" id=\"durationDisplay\">30 min<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Verbrannte Kalorien:<\/span>\n                            <span class=\"detail-value\" id=\"caloriesDisplay\">315 Kal.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Wide screen calculation details panel -->\n                <div class=\"calculation-details\" style=\"display: none;\">\n                    <h3 style=\"color: #F0605C; margin-bottom: 20px; font-size: 1.3rem;\">Details zur Berechnung<\/h3>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">\u00dcbung:<\/span>\n                        <span class=\"detail-value\" id=\"exerciseNameWide\">Spaziergang im Freien<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">MET-Wert:<\/span>\n                        <span class=\"detail-value\" id=\"metValueWide\">3.0<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Gewicht:<\/span>\n                        <span class=\"detail-value\" id=\"weightDisplayWide\">70 kg<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Dauer:<\/span>\n                        <span class=\"detail-value\" id=\"durationDisplayWide\">30 min<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Verbrannte Kalorien:<\/span>\n                        <span class=\"detail-value\" id=\"caloriesDisplayWide\">315 Kal.<\/span>\n                    <\/div>\n                    <div class=\"formula-note\">\n                        Nur zu Referenzzwecken. MET ist der Durchschnittswert. Da die Intensit\u00e4t der \u00dcbung variiert, \u00e4ndert sich auch der tats\u00e4chliche Energieverbrauch. Die Verwendung eines Ger\u00e4ts mit Herzfrequenzmessung liefert genauere Werte.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentExercise = \"Outdoor Walk\";\n        let currentMET = 3;\n        let currentDuration = 30;\n        let currentWeightUnit = \"kg\";\n\n        function toggleCategory(category) {\n            const content = document.getElementById(`category-${category}`);\n            const arrow = content.previousElementSibling.querySelector('.category-arrow');\n            \n            content.classList.toggle('active');\n            arrow.classList.toggle('expanded');\n        }\n\n        function selectExercise(exercise, met) {\n            \/\/ Remove previous selection\n            document.querySelectorAll('.exercise-option').forEach(option => {\n                option.classList.remove('selected');\n            });\n            \n            \/\/ Add selection to clicked option\n            event.target.closest('.exercise-option').classList.add('selected');\n            \n            currentExercise = exercise;\n            currentMET = met;\n            calculateCalories();\n        }\n\n        \/\/ Weight unit selection\n        document.querySelectorAll('.unit-option').forEach(option => {\n            option.addEventListener('click', function() {\n                const oldUnit = currentWeightUnit;\n                const newUnit = this.dataset.unit;\n                \n                if (oldUnit !== newUnit) {\n                    document.querySelectorAll('.unit-option').forEach(opt => opt.classList.remove('active'));\n                    this.classList.add('active');\n                    currentWeightUnit = newUnit;\n                    \n                    \/\/ Convert weight value\n                    const weightInput = document.getElementById('weight');\n                    let currentWeight = parseFloat(weightInput.value) || (newUnit === 'kg' ? 70 : 154);\n                    \n                    if (oldUnit === 'kg' && newUnit === 'lbs') {\n                        \/\/ kg to lbs\n                        currentWeight = Math.round(currentWeight * 2.20462);\n                        weightInput.min = \"66\"; \/\/ 30 kg in lbs\n                        weightInput.max = \"441\"; \/\/ 200 kg in lbs\n                    } else if (oldUnit === 'lbs' && newUnit === 'kg') {\n                        \/\/ lbs to kg\n                        currentWeight = Math.round(currentWeight \/ 2.20462);\n                        weightInput.min = \"30\";\n                        weightInput.max = \"200\";\n                    }\n                    \n                    weightInput.value = currentWeight;\n                    calculateCalories();\n                }\n            });\n        });\n        \n        document.querySelectorAll('.duration-option').forEach(option => {\n            option.addEventListener('click', function() {\n                document.querySelectorAll('.duration-option').forEach(opt => opt.classList.remove('selected'));\n                this.classList.add('selected');\n                currentDuration = parseInt(this.dataset.duration);\n                document.getElementById('duration').value = currentDuration;\n                calculateCalories();\n            });\n        });\n\n        \/\/ Custom duration input\n        document.getElementById('duration').addEventListener('input', function() {\n            currentDuration = parseInt(this.value) || 30;\n            \/\/ Update duration options selection\n            document.querySelectorAll('.duration-option').forEach(opt => {\n                opt.classList.remove('selected');\n                if (parseInt(opt.dataset.duration) === currentDuration) {\n                    opt.classList.add('selected');\n                }\n            });\n            setTimeout(calculateCalories, 100);\n        });\n\n        \/\/ Weight input\n        document.getElementById('weight').addEventListener('input', function() {\n            setTimeout(calculateCalories, 100);\n        });\n\n        function calculateCalories() {\n            let weight = parseFloat(document.getElementById('weight').value) || (currentWeightUnit === 'kg' ? 70 : 154);\n            const duration = currentDuration;\n            const met = currentMET;\n            \n            \/\/ Convert weight to kg if in lbs\n            let weightInKg = weight;\n            if (currentWeightUnit === 'lbs') {\n                weightInKg = weight \/ 2.20462;\n            }\n            \n            \/\/ Formula: MET \u00d7 Weight(kg) \u00d7 Duration \u00f7 60\n            const calories = Math.round(met * weightInKg * duration \/ 60);\n            \n            \/\/ Update display for both mobile and wide screens\n            document.getElementById('caloriesNumber').textContent = calories;\n            document.getElementById('exerciseName').textContent = currentExercise;\n            document.getElementById('metValue').textContent = met.toFixed(1);\n            document.getElementById('weightDisplay').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplay').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplay').textContent = `${calories} cal`;\n            \n            \/\/ Update wide screen version\n            document.getElementById('exerciseNameWide').textContent = currentExercise;\n            document.getElementById('metValueWide').textContent = met.toFixed(1);\n            document.getElementById('weightDisplayWide').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplayWide').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplayWide').textContent = `${calories} cal`;\n        }\n\n        \/\/ Show\/hide wide screen layout\n        function updateLayout() {\n            const wideDetails = document.querySelector('.result-panel > .calculation-details:last-child');\n            if (window.innerWidth >= 1024) {\n                wideDetails.style.display = 'block';\n            } else {\n                wideDetails.style.display = 'none';\n            }\n        }\n\n        \/\/ Initialize\n        calculateCalories();\n        updateLayout();\n        \n        \/\/ Update layout on window resize\n        window.addEventListener('resize', updateLayout);\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e076c88bdf3\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading\" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >Wie Duolingo, aber f\u00fcr Fitness<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito ist eine spielerische App zur Lauf\u00fcberwachung, wie <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">Duolingo<\/a> sondern f\u00fcr die Fitness. Und es hat einen niedlichen kleinen B\u00e4ren, der dich bei deinen Workouts im Auto begleitet. <a href=\"https:\/\/getfitoapp.com\/de\/tools\/fitness-streak-widgets-and-watch-faces\/\">Startbildschirm-Widgets<\/a>und geben Ihrem Langzeitlauf einen Motivationsschub.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta  text_hover_color_FFFFFF alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit\" data-color=\"accent-color\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h3 style=\"color: #FFFFFF;\"><span class=\"link_wrap\" style=\"padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/getfitoapp.com\/de\/\"><span class=\"text\">Versuchen Sie es jetzt<\/span><\/a><\/span><\/h3><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"img-with-aniamtion-wrap\" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy\" data-delay=\"0\" height=\"1525\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg\" alt=\"\u00dcbersicht \u00fcber die Trainingsserie mit Zeitleiste, monatlichen Abst\u00e4nden und Maskottchen-Erinnerungen\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg 2560w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-300x179.jpg 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1024x610.jpg 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-768x458.jpg 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1536x915.jpg 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-2048x1220.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Rechner f\u00fcr den Kalorienverbrauch beim Sport Wie viele Kalorien werden w\u00e4hrend einer Trainingseinheit verbrannt? Unterst\u00fctzt mehr als 80 Sportarten: Gehen, Laufen, Radfahren, Ballsportarten, Fitnesstraining, Studioaktivit\u00e4ten, Wassersport,...","protected":false},"author":1,"featured_media":0,"parent":6528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[39],"class_list":{"0":"post-6577","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/pages\/6577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/comments?post=6577"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/pages\/6577\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/media?parent=6577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/de\/wp-json\/wp\/v2\/tags?post=6577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}