{"id":1227,"date":"2025-11-16T17:06:43","date_gmt":"2025-11-16T16:06:43","guid":{"rendered":"https:\/\/afm2000.de\/cms-wp\/?page_id=1227"},"modified":"2025-12-27T17:32:07","modified_gmt":"2025-12-27T16:32:07","slug":"koerperfett-rechner","status":"publish","type":"page","link":"https:\/\/afm2000.de\/cms-wp\/koerperfett-rechner\/","title":{"rendered":"K\u00f6rperfett-Rechner"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"kf-rechner-container\">\n  <style>\n    #kf-rechner-container :root{--bg:#f7fafc;--card:#fff;--accent:#2563eb}\n    #kf-rechner-container body{font-family:Inter,system-ui,Arial;padding:20px;background:var(--bg);color:#0f172a}\n    #kf-rechner-container .container{max-width:1200px;margin:0 auto}\n    #kf-rechner-container h1{font-size:20px;margin-bottom:6px}\n    #kf-rechner-container .card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,0.06);}\n    #kf-rechner-container label{display:block;font-size:13px;margin-top:8px}\n    #kf-rechner-container input,#kf-rechner-container select{width:100%;padding:8px;border-radius:6px;border:1px solid #e6eef8;margin-top:6px}\n    #kf-rechner-container .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}\n    #kf-rechner-container .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n    #kf-rechner-container button{background:var(--accent);color:white;padding:10px 12px;border-radius:8px;border:0;cursor:pointer}\n    #kf-rechner-container button.secondary{background:#475569}\n    #kf-rechner-container table{width:100%;border-collapse:collapse;margin-top:12px;table-layout:fixed}\n    #kf-rechner-container th,#kf-rechner-container td{padding:8px;border-bottom:1px solid #eef2f7;text-align:left;font-size:13px;word-wrap:break-word}\n    #kf-rechner-container th{white-space:nowrap}\n    #kf-rechner-container .small{font-size:12px;color:#475569}\n    #kf-rechner-container .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}\n    #kf-rechner-container .right{display:flex;gap:8px;align-items:center}\n    @media(max-width:720px){#kf-rechner-container .grid{grid-template-columns:1fr}#kf-rechner-container .grid3{grid-template-columns:1fr}}\n  <\/style>\n\n  <div class=\"container\">\n    <h1>K\u00f6rperfett-Verlust Rechner<\/h1>\n\n    <div class=\"card\">\n      <form id=\"entryForm\">\n        <div class=\"grid\">\n          <div>\n            <label>Name<\/label>\n            <input type=\"text\" id=\"name\" placeholder=\"z. B. Max Mustermann\" \/>\n          <\/div>\n          <div>\n            <label>Gr\u00f6\u00dfe (cm)<\/label>\n            <input type=\"number\" id=\"height\" min=\"0\" step=\"1\" placeholder=\"z. B. 180\" \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid\">\n          <div>\n            <label>Alter<\/label>\n            <input type=\"number\" id=\"age\" min=\"0\" step=\"1\" \/>\n          <\/div>\n          <div>\n            <label>Geschlecht<\/label>\n            <select id=\"gender\">\n              <option value=\"m\">m\u00e4nnlich<\/option>\n              <option value=\"w\">weiblich<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid\">\n          <div>\n            <label>Startgewicht (kg)<\/label>\n            <input type=\"number\" id=\"startWeight\" min=\"0\" step=\"0.1\" required \/>\n          <\/div>\n          <div>\n            <label>Start K\u00f6rperfett (%)<\/label>\n            <input type=\"number\" id=\"startFat\" min=\"0\" max=\"100\" step=\"0.1\" required \/>\n          <\/div>\n          <div>\n            <label>Start Datum<\/label>\n            <input type=\"date\" id=\"startDate\" required \/>\n          <\/div>\n        <\/div>\n\n        <hr style=\"margin:12px 0\" \/>\n\n        <div class=\"grid3\">\n          <div>\n            <label>Aktuelles Datum<\/label>\n            <input type=\"date\" id=\"currentDate\" required \/>\n          <\/div>\n          <div>\n            <label>Aktuelles Gewicht (kg)<\/label>\n            <input type=\"number\" id=\"currentWeight\" min=\"0\" step=\"0.1\" required \/>\n          <\/div>\n          <div>\n            <label>Aktueller K\u00f6rperfett (%)<\/label>\n            <input type=\"number\" id=\"currentFat\" min=\"0\" max=\"100\" step=\"0.1\" required \/>\n          <\/div>\n        <\/div>\n\n        <div style=\"margin-top:12px\">\n          <button type=\"submit\">Eintrag hinzuf\u00fcgen und berechnen<\/button>\n        <\/div>\n      <\/form>\n\n      <div class=\"actions\">\n        <button id=\"calcAll\">Berechne alle<\/button>\n        <button id=\"exportPdf\" class=\"secondary\">Export als PDF<\/button>\n        <button id=\"exportXlsx\" class=\"secondary\">Export als XLSX<\/button>\n        <button id=\"clearStorage\" class=\"secondary\">Alle Eintr\u00e4ge l\u00f6schen<\/button>\n      <\/div>\n\n      <div id=\"msg\" class=\"small\"><\/div>\n\n      <table id=\"resultsTable\" style=\"display:none\">\n        <thead>\n          <tr>\n            <th>Person<\/th>\n            <th>Start (kg \/ % \/ kg Fett)<\/th>\n            <th>Aktuell (kg \/ % \/ kg Fett)<\/th>\n            <th>\u0394 Fett (kg)<\/th>\n            <th>\u0394 Gewicht (kg)<\/th>\n            <th>Datum<\/th>\n            <th>Tage \/ Wochen<\/th>\n            <th>Aktion<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody><\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- externe Bibliotheken -->\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/xlsx\/0.18.5\/xlsx.full.min.js\"><\/script>\n\n  <!-- Original Script -->\n  <script>\n    \/* Dein kompletter JavaScript-Code aus der Originaldatei bleibt hier unver\u00e4ndert *\/\n    \/* --> Einfach den gesamten <script>-Block aus deiner Datei hier einf\u00fcgen *\/\n  <\/script>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Diese Seite kann als Favorit frei verwendet werden. <\/strong><br>Wenn Sie die Datei selbst auf Ihrem PC ablegen und dann als Favorit in Ihrem Browser \u00f6ffnen m\u00f6chten, k\u00f6nnen Sie die Datei <a href=\"https:\/\/afm2000.de\/cms-wp\/wp-content\/uploads\/2025\/12\/Koerperfett-Rechner_HTML-Datei.zip\" data-type=\"attachment\" data-id=\"1340\">hier herunterladen<\/a>.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">(Datei entpacken, auf Ihrem Rechner ablegen und auf die Datei mittels Browser-LINK verkn\u00fcpfen) <\/p>\n","protected":false},"excerpt":{"rendered":"<p>K\u00f6rperfett-Verlust Rechner Name Gr\u00f6\u00dfe (cm) Alter Geschlecht m\u00e4nnlichweiblich Startgewicht (kg) Start K\u00f6rperfett (%) Start Datum Aktuelles Datum Aktuelles Gewicht (kg) Aktueller K\u00f6rperfett (%) Eintrag hinzuf\u00fcgen und berechnen Berechne alle Export als PDF Export als XLSX Alle Eintr\u00e4ge l\u00f6schen Person Start (kg \/ % \/ kg Fett) Aktuell (kg \/ % \/ kg Fett) \u0394 Fett&hellip;&nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/pages\/1227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/comments?post=1227"}],"version-history":[{"count":6,"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/pages\/1227\/revisions"}],"predecessor-version":[{"id":1342,"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/pages\/1227\/revisions\/1342"}],"wp:attachment":[{"href":"https:\/\/afm2000.de\/cms-wp\/wp-json\/wp\/v2\/media?parent=1227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}