{"id":444,"date":"2026-02-22T04:36:21","date_gmt":"2026-02-22T04:36:21","guid":{"rendered":"https:\/\/song1.de\/?page_id=444"},"modified":"2026-02-24T09:22:19","modified_gmt":"2026-02-24T09:22:19","slug":"konto","status":"publish","type":"page","link":"https:\/\/song1.de\/index.php\/konto\/","title":{"rendered":"Konto"},"content":{"rendered":"    <style>\n        .ki-auth-box { max-width: 450px; margin: 50px auto; background: #fff; border: 1px solid #eaeaea; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); font-family: sans-serif; overflow: hidden; }\n        .ki-auth-header { display: flex; border-bottom: 1px solid #eee; background: #fafafa; }\n        .ki-auth-tab { flex: 1; text-align: center; padding: 20px; font-weight: bold; font-size: 16px; color: #888; cursor: pointer; border: none; background: transparent; transition: 0.3s; margin: 0; outline: none; border-bottom: 3px solid transparent; }\n        .ki-auth-tab:hover { color: #111; }\n        .ki-auth-tab.active { color: #0073aa; border-bottom: 3px solid #0073aa; background: #fff; }\n        \n        .ki-auth-body { padding: 40px; }\n        .ki-auth-view { display: none; animation: kiFadeIn 0.3s ease; }\n        .ki-auth-view.active { display: block; }\n        @keyframes kiFadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }\n        \n        .ki-auth-view h3 { margin-top: 0; margin-bottom: 10px; font-size: 24px; color: #111; font-weight: 900; }\n        .ki-auth-view p.ki-subtitle { color: #666; font-size: 14px; margin-bottom: 25px; line-height: 1.5; }\n        \n        .ki-auth-form label { display: block; margin-bottom: 8px; font-weight: bold; color: #444; font-size: 14px; text-align: left; }\n        .ki-auth-form input[type=\"text\"], .ki-auth-form input[type=\"email\"], .ki-auth-form input[type=\"password\"], .ki-auth-form input[type=\"number\"] { width: 100%; padding: 14px; border: 2px solid #eee; border-radius: 12px; font-size: 15px; transition: 0.3s; box-sizing: border-box; background: #fafafa; margin-bottom: 15px; }\n        .ki-auth-form input:focus { border-color: #0073aa; background: #fff; outline: none; }\n        \n        .ki-auth-form button[type=\"submit\"] { width: 100%; padding: 16px; background: #0073aa; color: #fff; border: none; border-radius: 12px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.2s; margin-top: 5px; }\n        .ki-auth-form button[type=\"submit\"]:hover:not(:disabled) { background: #005a87; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,115,170,0.3); }\n        .ki-auth-form button[type=\"submit\"]:disabled { background: #ccc; cursor: not-allowed; }\n        \n        .ki-auth-msg { display: none; padding: 15px; border-radius: 12px; margin-bottom: 20px; font-size: 14px; text-align: center; line-height: 1.5; border: 1px solid transparent; }\n        .ki-auth-msg.ki-auth-error { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }\n        .ki-auth-msg.ki-auth-success { background: #d4edda; color: #155724; border-color: #c3e6cb; }\n        \n        .ki-link-btn { background: none; border: none; color: #0073aa; font-weight: bold; cursor: pointer; text-decoration: none; padding: 0; font-size: 14px; transition: 0.2s; }\n        .ki-link-btn:hover { color: #111; }\n    <\/style>\n\n    <script>if(typeof window.history.replaceState === 'function') { window.history.replaceState({}, '', window.location.pathname); }<\/script>\n    <div class=\"ki-auth-box\">\n                <div class=\"ki-auth-header\">\n            <button type=\"button\" class=\"ki-auth-tab active\" data-target=\"ki-view-login\">Anmelden<\/button>\n            <button type=\"button\" class=\"ki-auth-tab \" data-target=\"ki-view-register\">Kostenlos testen<\/button>\n        <\/div>\n        \n        <div class=\"ki-auth-body\">\n            \n            <div id=\"ki-view-login\" class=\"ki-auth-view active\">\n                <h3>Willkommen zur\u00fcck<\/h3>\n                <p class=\"ki-subtitle\">Logge dich ein, um deine Lieder zu h\u00f6ren und Taler zu verwalten.<\/p>\n                <form class=\"ki-auth-form\" method=\"post\" action=\"javascript:void(0);\" onsubmit=\"kiAuthSubmit(event, 'ki_ajax_login', 'Sicher einloggen')\">\n                    <div class=\"ki-auth-msg\"><\/div>\n                    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"bb9907aa52\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/444\" \/>                    <label>Benutzername oder E-Mail<\/label>\n                    <input type=\"text\" name=\"log\" required>\n                    <label>Passwort<\/label>\n                    <input type=\"password\" name=\"pwd\" required>\n                    <label style=\"display:flex; align-items:center; gap:8px; font-weight:normal; cursor:pointer;\">\n                        <input type=\"checkbox\" name=\"remember\" value=\"true\" style=\"width:auto; margin:0;\"> Angemeldet bleiben\n                    <\/label>\n                    <button type=\"submit\">Sicher einloggen<\/button>\n                <\/form>\n                <div style=\"text-align:center; margin-top:20px;\">\n                    <button type=\"button\" class=\"ki-link-btn\" onclick=\"kiSwitchAuthView('ki-view-lostpass')\">Passwort vergessen?<\/button>\n                <\/div>\n            <\/div>\n\n            <div id=\"ki-view-register\" class=\"ki-auth-view \">\n                <h3>Neues Konto erstellen (gratis)<\/h3>\n                <p class=\"ki-subtitle\"><a href=\"https:\/\/song1.de\/index.php\/musicgenerator\/\" style=\"color:#0073aa; text-decoration:none; font-weight:600;\">Registriere dich kostenlos \u2013 ohne Verpflichtung und ohne versteckte Kosten. Zum Start erh\u00e4ltst du Taler als Geschenk.<\/a><\/p>\n                <form class=\"ki-auth-form\" id=\"ki-reg-form\" method=\"post\" action=\"javascript:void(0);\" onsubmit=\"kiAuthSubmit(event, 'ki_ajax_register', 'Jetzt Konto erstellen')\">\n                    <div class=\"ki-auth-msg\"><\/div>\n                    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"bb9907aa52\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/444\" \/>                    <label>Wunsch-Benutzername<\/label>\n                    <input type=\"text\" name=\"reg_name\" required>\n                    <label>E-Mail Adresse<\/label>\n                    <input type=\"email\" name=\"reg_email\" required>\n                    <label>Sicheres Passwort<\/label>\n                    <input type=\"password\" name=\"reg_pass\" required minlength=\"6\" placeholder=\"Mindestens 6 Zeichen\">\n                    \n                    <div style=\"background:#f9f9f9; padding:15px; border-radius:12px; border:1px solid #eee; margin-bottom:15px;\">\n                        <label style=\"display:flex; align-items:flex-start; gap:10px; font-size:13px; font-weight:normal; color:#555; margin:0; cursor:pointer;\">\n                            <input type=\"checkbox\" name=\"legal_check\" value=\"true\" required style=\"width:auto; margin-top:2px;\">\n                            <span>Ich akzeptiere die <a href=\"https:\/\/song1.de\/index.php\/privacy-policy\/\" target=\"_blank\" style=\"color:#0073aa;\">Datenschutzbedingungen<\/a>.<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"captcha_hash\" value=\"5b4eeb8b0dd383c4a49b9412be48e281\">\n                    <div style=\"display:flex; justify-content:space-between; align-items:center; background:#f9f9f9; padding:15px; border-radius:12px; margin-bottom:15px; border:1px solid #eee;\">\n                        <label class=\"ki-captcha-label\" style=\"margin:0;\">Was ist <strong>6 + 7<\/strong>?<\/label>\n                        <input type=\"number\" name=\"captcha_ans\" required style=\"width:80px; margin:0; text-align:center; padding:10px;\">\n                    <\/div>\n\n                    <button type=\"submit\">Jetzt Konto erstellen<\/button>\n                <\/form>\n            <\/div>\n\n            <div id=\"ki-view-lostpass\" class=\"ki-auth-view\">\n                <h3>Passwort vergessen?<\/h3>\n                <p class=\"ki-subtitle\">Gib deinen Benutzernamen oder deine E-Mail ein. Wir senden dir einen Link zum Zur\u00fccksetzen.<\/p>\n                <form class=\"ki-auth-form\" method=\"post\" action=\"javascript:void(0);\" onsubmit=\"kiAuthSubmit(event, 'ki_ajax_lostpass', 'Link anfordern')\">\n                    <div class=\"ki-auth-msg\"><\/div>\n                    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"bb9907aa52\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/444\" \/>                    <label>Benutzername oder E-Mail<\/label>\n                    <input type=\"text\" name=\"lost_login\" required>\n                    <button type=\"submit\">Link anfordern<\/button>\n                <\/form>\n                <div style=\"text-align:center; margin-top:20px;\">\n                    <button type=\"button\" class=\"ki-link-btn\" onclick=\"kiSwitchAuthView('ki-view-login')\">\u2b05 Zur\u00fcck zum Login<\/button>\n                <\/div>\n            <\/div>\n\n            <div id=\"ki-view-resetpass\" class=\"ki-auth-view \">\n                <h3>Neues Passwort vergeben<\/h3>\n                <p class=\"ki-subtitle\">Bitte w\u00e4hle ein neues, sicheres Passwort f\u00fcr deinen Account aus.<\/p>\n                <form class=\"ki-auth-form\" method=\"post\" action=\"javascript:void(0);\" onsubmit=\"kiAuthSubmit(event, 'ki_ajax_resetpass', 'Passwort speichern')\">\n                    <div class=\"ki-auth-msg\"><\/div>\n                    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"bb9907aa52\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/444\" \/>                    <input type=\"hidden\" name=\"reset_key\" value=\"\">\n                    <input type=\"hidden\" name=\"reset_login\" value=\"\">\n                    <label>Dein neues Passwort<\/label>\n                    <input type=\"password\" name=\"new_pass\" required minlength=\"6\">\n                    <button type=\"submit\">Passwort speichern<\/button>\n                <\/form>\n                <div style=\"text-align:center; margin-top:20px;\">\n                    <a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/444\" class=\"ki-link-btn\">Abbrechen & zum Login<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        var kiAuthAjaxUrl = 'https:\/\/song1.de\/wp-admin\/admin-ajax.php';\n        var kiAuthBaseUrl = '\/index.php\/wp-json\/wp\/v2\/pages\/444';\n        var kiHomeUrl = 'https:\/\/song1.de\/'; \/\/ Redirect Ziel (Startseite)\n\n        if (typeof window.kiSwitchAuthView !== 'function') {\n            window.kiSwitchAuthView = function(viewId) {\n                document.querySelectorAll('.ki-auth-view').forEach(v => v.classList.remove('active'));\n                const targetView = document.getElementById(viewId);\n                if (targetView) targetView.classList.add('active');\n\n                document.querySelectorAll('.ki-auth-tab').forEach(t => t.classList.remove('active'));\n                const targetTab = document.querySelector(`.ki-auth-tab[data-target=\"${viewId}\"]`);\n                if (targetTab) targetTab.classList.add('active');\n            };\n\n            window.kiAuthSubmit = async function(e, action, btnText) {\n                e.preventDefault();\n                const form = e.target;\n                const btn = form.querySelector('button[type=\"submit\"]');\n                const msgBox = form.querySelector('.ki-auth-msg');\n                \n                btn.disabled = true;\n                btn.innerText = 'Bitte warten...';\n                msgBox.style.display = 'block';\n                msgBox.className = 'ki-auth-msg'; \n                msgBox.innerHTML = 'Daten werden \u00fcbertragen...';\n\n                const formData = new FormData(form);\n                formData.append('action', action);\n\n                try {\n                    const response = await fetch(kiAuthAjaxUrl, {\n                        method: 'POST',\n                        body: formData\n                    });\n                    const data = await response.json();\n\n                    msgBox.innerHTML = '<strong>' + (data.data.message || 'Verarbeitet') + '<\/strong>';\n\n                    if (data.success) {\n                        msgBox.classList.add('ki-auth-success');\n                        if (action === 'ki_ajax_login') {\n                            window.location.href = kiHomeUrl; \/\/ Nach Login direkt auf Startseite\n                        } else if (action === 'ki_ajax_resetpass') {\n                            setTimeout(() => window.location.href = kiAuthBaseUrl, 2000);\n                        } else {\n                            btn.style.display = 'none'; \n                            if(action === 'ki_ajax_register') form.reset();\n                        }\n                    } else {\n                        msgBox.classList.add('ki-auth-error');\n                        btn.disabled = false;\n                        btn.innerText = btnText;\n\n                        if (action === 'ki_ajax_register' && data.data.new_captcha) {\n                            form.querySelector('.ki-captcha-label strong').innerText = data.data.new_captcha;\n                            form.querySelector('input[name=\"captcha_hash\"]').value = data.data.new_hash;\n                            form.querySelector('input[name=\"captcha_ans\"]').value = '';\n                        }\n                    }\n                } catch(err) {\n                    msgBox.classList.add('ki-auth-error');\n                    msgBox.innerHTML = '<strong>Netzwerkfehler. Bitte versuche es erneut.<\/strong>';\n                    btn.disabled = false;\n                    btn.innerText = btnText;\n                }\n            };\n        }\n\n        document.querySelectorAll('.ki-auth-tab:not(.ki-bound)').forEach(tab => {\n            tab.classList.add('ki-bound');\n            tab.addEventListener('click', function() {\n                window.kiSwitchAuthView(this.getAttribute('data-target'));\n            });\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full.php","meta":{"footnotes":""},"class_list":["post-444","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/pages\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":3,"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/pages\/444\/revisions"}],"predecessor-version":[{"id":993,"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/pages\/444\/revisions\/993"}],"wp:attachment":[{"href":"https:\/\/song1.de\/index.php\/wp-json\/wp\/v2\/media?parent=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}