{"id":9901,"date":"2026-08-25T18:08:54","date_gmt":"2026-08-25T18:08:54","guid":{"rendered":"https:\/\/kitapantam.com\/de\/?page_id=9901"},"modified":"2026-09-20T15:15:42","modified_gmt":"2026-09-20T15:15:42","slug":"scale-advisor","status":"publish","type":"page","link":"https:\/\/kitapantam.com\/de\/scale-advisor\/","title":{"rendered":"Tonleiter Berater"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9901\" class=\"elementor elementor-9901\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16de559 e-flex e-con-boxed e-con e-parent\" data-id=\"16de559\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-716b2f8 elementor-widget elementor-widget-html\" data-id=\"716b2f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"kitapantam-advisor\">\n\n    <div class=\"wrap\">\n\n        <div class=\"card\">\n\n            <!-- =====================================================\n                 QUIZ\n            ====================================================== -->\n\n            <div id=\"quiz\">\n\n                <div class=\"eyebrow\">\n                    KitaPantam\n                <\/div>\n\n                <h1>\n                    Finde deine Handpan-Tonleiter\n                <\/h1>\n\n                <p class=\"muted intro\">\n                    Beantworte f\u00fcnf einfache Fragen und entdecke die Tonleitern und\n                    Instrumentenkonfigurationen, die am besten zu deiner Spielweise passen.\n                <\/p>\n\n                <div class=\"progress\" id=\"progress\"><\/div>\n\n                <div class=\"progressbar\">\n                    <span id=\"progressbar\"><\/span>\n                <\/div>\n\n                <h2 id=\"question\"><\/h2>\n\n                <div class=\"grid\" id=\"options\"><\/div>\n\n            <\/div>\n\n\n            <!-- =====================================================\n                 RESULTS\n            ====================================================== -->\n\n            <div id=\"results\" class=\"hidden\">\n\n                <div class=\"eyebrow\">\n                    Dein Ergebnis\n                <\/div>\n\n                <h1>\n                    Deine empfohlenen Handpan-Tonleitern\n                <\/h1>\n\n                <p class=\"muted intro\">\n                    Basierend auf deinen Antworten passen diese Tonleitern am besten\n                    zu deinen musikalischen Vorlieben.\n                <\/p>\n\n                <div\n                    class=\"summary\"\n                    id=\"answer-summary\"\n                ><\/div>\n\n                <div\n                    class=\"results-grid\"\n                    id=\"result-list\"\n                ><\/div>\n\n                <div class=\"cta restart\">\n\n                    <a\n                        class=\"action secondary\"\n                        href=\"https:\/\/kitapantam.com\/de\/product-category\/all\/\"\n                    >\n                        Alle Handpans ansehen\n                    <\/a>\n\n                    <button\n                        class=\"action secondary\"\n                        id=\"btn-restart\"\n                        type=\"button\"\n                    >\n                        Neu starten\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =====================================================\n   KitaPantam Handpan Scale Advisor\n===================================================== *\/\n\n#kitapantam-advisor {\n\n    --bg: #0f0f10;\n    --card: #181819;\n    --card2: #202021;\n    --text: #ffffff;\n    --muted: #ffffff;\n    --accent: #c89b5b;\n    --line: #373533;\n\n    background: var(--bg);\n\n    color: #ffffff !important;\n\n    display: block;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n#kitapantam-advisor,\n#kitapantam-advisor * {\n\n    box-sizing: border-box;\n\n    color: #ffffff !important;\n\n}\n\n\n#kitapantam-advisor button,\n#kitapantam-advisor a,\n#kitapantam-advisor h1,\n#kitapantam-advisor h2,\n#kitapantam-advisor h3,\n#kitapantam-advisor p,\n#kitapantam-advisor span {\n\n    font-family: inherit !important;\n\n}\n\n\n#kitapantam-advisor a,\n#kitapantam-advisor a:link,\n#kitapantam-advisor a:visited,\n#kitapantam-advisor a:hover,\n#kitapantam-advisor a:active,\n#kitapantam-advisor button,\n#kitapantam-advisor button:hover,\n#kitapantam-advisor button:active,\n#kitapantam-advisor button:focus {\n\n    color: #ffffff !important;\n\n}\n\n\n\/* =====================================================\n   WRAPPER\n===================================================== *\/\n\n#kitapantam-advisor .wrap {\n\n    max-width: 1050px;\n\n    margin: 0 auto;\n\n    padding: 36px 20px 60px;\n\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n#kitapantam-advisor .card {\n\n    padding: 38px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #1a1a1b 0%,\n            #151516 100%\n        );\n\n    border: 1px solid var(--line);\n\n    border-radius: 22px;\n\n    box-shadow:\n        0 16px 50px rgba(0,0,0,.25);\n\n}\n\n\n\/* =====================================================\n   TEXT\n===================================================== *\/\n\n#kitapantam-advisor .eyebrow {\n\n    margin-bottom: 10px;\n\n    color: #ffffff !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n\n}\n\n\n#kitapantam-advisor h1 {\n\n    margin: 0;\n\n    color: #ffffff !important;\n\n    font-size: 42px;\n\n    font-weight: 600;\n\n    line-height: 1.12;\n\n}\n\n\n#kitapantam-advisor h2 {\n\n    margin: 0 0 14px;\n\n    color: #ffffff !important;\n\n    font-size: 27px;\n\n}\n\n\n#kitapantam-advisor h3 {\n\n    margin: 0 0 8px;\n\n    color: #ffffff !important;\n\n    font-size: 20px;\n\n}\n\n\n#kitapantam-advisor p {\n\n    color: #ffffff !important;\n\n    line-height: 1.65;\n\n}\n\n\n#kitapantam-advisor .muted {\n\n    color: #ffffff !important;\n\n    opacity: .95;\n\n}\n\n\n#kitapantam-advisor .intro {\n\n    max-width: 760px;\n\n    margin: 14px 0 28px;\n\n    color: #ffffff !important;\n\n}\n\n\n\/* =====================================================\n   PROGRESS\n===================================================== *\/\n\n#kitapantam-advisor .progress {\n\n    margin: 0 0 12px;\n\n    color: #ffffff !important;\n\n    font-size: 13px;\n\n    font-weight: 600;\n\n}\n\n\n#kitapantam-advisor .progressbar {\n\n    height: 5px;\n\n    margin-bottom: 28px;\n\n    overflow: hidden;\n\n    background: #30302f;\n\n    border-radius: 99px;\n\n}\n\n\n#kitapantam-advisor .progressbar > span {\n\n    display: block;\n\n    width: 20%;\n\n    height: 100%;\n\n    background: var(--accent);\n\n    transition: width .25s ease;\n\n}\n\n\n\/* =====================================================\n   QUESTIONS\n===================================================== *\/\n\n#kitapantam-advisor .grid {\n\n    display: grid !important;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    gap: 14px;\n\n}\n\n\n#kitapantam-advisor button.option {\n\n    display: block !important;\n\n    width: 100%;\n\n    padding: 18px 20px;\n\n    color: #ffffff !important;\n\n    cursor: pointer;\n\n    background: #1d1d1e !important;\n\n    border: 1px solid var(--line);\n\n    border-radius: 14px;\n\n    font-size: 16px;\n\n    font-weight: 500;\n\n    line-height: 1.4;\n\n    text-align: left;\n\n    transition: all .2s ease;\n\n}\n\n\n#kitapantam-advisor button.option:hover {\n\n    color: #ffffff !important;\n\n    background: #23211f !important;\n\n    border-color: var(--accent);\n\n    transform: translateY(-2px);\n\n}\n\n\n\/* =====================================================\n   RESULTS\n===================================================== *\/\n\n#kitapantam-advisor .results-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        1.35fr 1fr;\n\n    gap: 18px;\n\n}\n\n\n#kitapantam-advisor .result-card {\n\n    padding: 22px;\n\n    background: #1d1d1e;\n\n    border: 1px solid var(--line);\n\n    border-radius: 17px;\n\n}\n\n\n#kitapantam-advisor .result-card.primary {\n\n    background:\n        linear-gradient(\n            180deg,\n            #211d17,\n            #1c1a18\n        );\n\n    border-color: var(--accent);\n\n}\n\n\n#kitapantam-advisor .recommendation-label {\n\n    margin-bottom: 8px;\n\n    color: #ffffff !important;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: .13em;\n\n    text-transform: uppercase;\n\n}\n\n\n#kitapantam-advisor .why {\n\n    padding: 14px 16px;\n\n    margin-top: 15px;\n\n    color: #ffffff !important;\n\n    background: #131313;\n\n    border-radius: 12px;\n\n    line-height: 1.6;\n\n}\n\n\n#kitapantam-advisor .why strong {\n\n    color: #ffffff !important;\n\n}\n\n\n#kitapantam-advisor .meta {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 8px;\n\n    margin-top: 13px;\n\n}\n\n\n#kitapantam-advisor .badge {\n\n    display: inline-block;\n\n    padding: 6px 12px;\n\n    color: #ffffff !important;\n\n    background: #2a2825;\n\n    border: 1px solid #3d3935;\n\n    border-radius: 999px;\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n}\n\n\n\/* =====================================================\n   BUTTONS\n===================================================== *\/\n\n#kitapantam-advisor .cta {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin-top: 18px;\n\n}\n\n\n#kitapantam-advisor .action,\n#kitapantam-advisor a.action,\n#kitapantam-advisor button.action {\n\n    display: inline-block;\n\n    padding: 12px 16px;\n\n    color: #ffffff !important;\n\n    background: var(--accent) !important;\n\n    border: 1px solid transparent;\n\n    border-radius: 999px;\n\n    font-weight: 700;\n\n    text-decoration: none;\n\n}\n\n\n#kitapantam-advisor .secondary,\n#kitapantam-advisor a.secondary,\n#kitapantam-advisor button.secondary {\n\n    color: #ffffff !important;\n\n    background: transparent !important;\n\n    border: 1px solid #5b554e !important;\n\n}\n\n\n#kitapantam-advisor .secondary:hover {\n\n    color: #ffffff !important;\n\n    border-color: #ffffff !important;\n\n}\n\n\n\/* =====================================================\n   SUMMARY\n===================================================== *\/\n\n#kitapantam-advisor .summary {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 7px;\n\n    margin: 0 0 22px;\n\n}\n\n\n#kitapantam-advisor .pill {\n\n    display: inline-block;\n\n    padding: 6px 12px;\n\n    color: #ffffff !important;\n\n    background: #262422;\n\n    border: 1px solid #3d3935;\n\n    border-radius: 999px;\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n}\n\n\n\/* =====================================================\n   HIDDEN\n===================================================== *\/\n\n#kitapantam-advisor .hidden {\n\n    display: none !important;\n\n}\n\n\n#kitapantam-advisor .restart {\n\n    margin-top: 26px;\n\n}\n\n\n\/* =====================================================\n   LOADING\n===================================================== *\/\n\n#kitapantam-advisor .filter-loading {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: rgba(0,0,0,.88);\n\n    backdrop-filter: blur(5px);\n\n}\n\n\n#kitapantam-advisor .filter-loading-box {\n\n    padding: 25px 35px;\n\n    background: #181819;\n\n    border: 1px solid #373533;\n\n    border-radius: 18px;\n\n    text-align: center;\n\n}\n\n\n#kitapantam-advisor .filter-loading-text {\n\n    margin: 0;\n\n    font-size: 16px;\n\n    font-weight: 600;\n\n}\n\n\n#kitapantam-advisor .filter-loading-spinner {\n\n    width: 30px;\n\n    height: 30px;\n\n    margin: 0 auto 15px;\n\n    border: 3px solid #444;\n\n    border-top-color: var(--accent);\n\n    border-radius: 50%;\n\n    animation: kpSpin .7s linear infinite;\n\n}\n\n\n@keyframes kpSpin {\n\n    to {\n\n        transform: rotate(360deg);\n\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 760px) {\n\n    #kitapantam-advisor .card {\n\n        padding: 24px;\n\n    }\n\n    #kitapantam-advisor .grid,\n    #kitapantam-advisor .results-grid {\n\n        grid-template-columns: 1fr;\n\n    }\n\n    #kitapantam-advisor h1 {\n\n        font-size: 34px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n\n    \/* =====================================================\n       URLS\n    ===================================================== *\/\n\n    const shopUrl =\n        \"https:\/\/kitapantam.com\/de\/product-category\/all\/\";\n\n    const scaleLibraryUrl =\n        \"https:\/\/kitapantam.com\/de\/scale-library\";\n\n\n    \/* =====================================================\n       QUESTIONS\n    ===================================================== *\/\n\n    const questions = [\n\n        {\n            key: \"mood\",\n\n            text: \"Welche Stimmung suchst du?\",\n\n            options: [\n\n                {\n                    value: \"meditative\",\n                    label: \"Meditativ \/ tiefgr\u00fcndig\"\n                },\n\n                {\n                    value: \"uplifting\",\n                    label: \"Aufmunternd \/ hoffnungsvoll\"\n                },\n\n                {\n                    value: \"mystical\",\n                    label: \"Mystisch \/ exotisch\"\n                },\n\n                {\n                    value: \"tribal\",\n                    label: \"Urspr\u00fcnglich \/ erdig\"\n                }\n\n            ]\n\n        },\n\n\n        {\n            key: \"level\",\n\n            text: \"Wie viel Spielerfahrung hast du?\",\n\n            options: [\n\n                {\n                    value: \"beginner\",\n                    label: \"Anf\u00e4nger\"\n                },\n\n                {\n                    value: \"intermediate\",\n                    label: \"Fortgeschritten\"\n                },\n\n                {\n                    value: \"advanced\",\n                    label: \"Erfahren\"\n                }\n\n            ]\n\n        },\n\n\n        {\n            key: \"style\",\n\n            text: \"Welchen Stil m\u00f6chtest du haupts\u00e4chlich spielen?\",\n\n            options: [\n\n                {\n                    value: \"meditation\",\n                    label: \"Meditation \/ Klangheilung\"\n                },\n\n                {\n                    value: \"melody\",\n                    label: \"Melodische Improvisation\"\n                },\n\n                {\n                    value: \"world\",\n                    label: \"Weltmusik \/ orientalische Musik\"\n                },\n\n                {\n                    value: \"rhythm\",\n                    label: \"Rhythmisches \/ perkussives Spiel\"\n                }\n\n            ]\n\n        },\n\n\n        {\n            key: \"complexity\",\n\n            text: \"Welche Art von Instrument m\u00f6chtest du?\",\n\n            options: [\n\n                {\n                    value: \"simple\",\n                    label: \"Einfache Handpan mit 9 T\u00f6nen\"\n                },\n\n                {\n                    value: \"extended\",\n                    label: \"Erweiterte Handpan mit mehr T\u00f6nen\"\n                },\n\n                {\n                    value: \"mutant\",\n                    label: \"Mutant-Handpan mit maximalem Tonumfang\"\n                }\n\n            ]\n\n        },\n\n\n        {\n            key: \"material\",\n\n            text: \"Welches Material bevorzugst du?\",\n\n            options: [\n\n                {\n                    value: \"nitraded\",\n                    label: \"Nitrierter Stahl\"\n                },\n\n                {\n                    value: \"stainless\",\n                    label: \"Edelstahl\"\n                },\n\n                {\n                    value: \"either\",\n                    label: \"Keine Pr\u00e4ferenz\"\n                }\n\n            ]\n\n        }\n\n    ];\n\n\n    \/* =====================================================\n       PRODUCT CATALOG\n    ===================================================== *\/\n\n    const catalog = [\n\n        {\n            productName:\n                \"Eclipse Nitraded Steel Standard D Kurd 9\",\n\n            scaleName:\n                \"D Kurd\",\n\n            filterScale:\n                \"Kurd\",\n\n            series:\n                \"Eclipse\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"meditative\"],\n\n            style:\n                [\"meditation\", \"melody\"],\n\n            level:\n                [\"beginner\", \"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Erschwingliche Wahl mit 9 T\u00f6nen und einem tiefen, emotionalen Charakter.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Standard D Kurd 9\",\n\n            scaleName:\n                \"D Kurd\",\n\n            filterScale:\n                \"Kurd\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"meditative\"],\n\n            style:\n                [\"meditation\", \"melody\"],\n\n            level:\n                [\"beginner\", \"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Professionelle D-Kurd-Handpan mit 9 T\u00f6nen, langem Sustain und ausdrucksstarker Spielbarkeit.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Stainless Steel Standard D Celtic Minor 9\",\n\n            scaleName:\n                \"D Celtic Minor\",\n\n            filterScale:\n                \"Celtic Minor\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"stainless\",\n\n            mood:\n                [\"meditative\", \"uplifting\"],\n\n            style:\n                [\"meditation\", \"melody\"],\n\n            level:\n                [\"beginner\", \"intermediate\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Sanft und flie\u00dfend, mit einem zug\u00e4nglichen melodischen Charakter.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Extended D Kurd 12\",\n\n            scaleName:\n                \"D Kurd\",\n\n            filterScale:\n                \"Kurd\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"meditative\"],\n\n            style:\n                [\"meditation\", \"melody\"],\n\n            level:\n                [\"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"extended\"],\n\n            summary:\n                \"Erweiterte D-Kurd-Anordnung f\u00fcr Spieler, die mehr melodischen Tonumfang w\u00fcnschen.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Stainless Steel Extended E Amara 12\",\n\n            scaleName:\n                \"E Amara\",\n\n            filterScale:\n                \"Amara\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"stainless\",\n\n            mood:\n                [\"uplifting\"],\n\n            style:\n                [\"melody\", \"meditation\"],\n\n            level:\n                [\"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"extended\"],\n\n            summary:\n                \"Hell und inspirierend, mit zus\u00e4tzlichen T\u00f6nen f\u00fcr ausdrucksstarkes Spiel.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Standard D Hijaz 9\",\n\n            scaleName:\n                \"D Hijaz\",\n\n            filterScale:\n                \"Hijaz\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"mystical\"],\n\n            style:\n                [\"world\", \"melody\"],\n\n            level:\n                [\"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Exotisch und dramatisch, mit einem ausgepr\u00e4gten orientalischen Charakter.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Stainless Steel Standard E Amara 9\",\n\n            scaleName:\n                \"E Amara\",\n\n            filterScale:\n                \"Amara\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"stainless\",\n\n            mood:\n                [\"uplifting\"],\n\n            style:\n                [\"melody\", \"meditation\"],\n\n            level:\n                [\"beginner\", \"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Aufmunternd und melodisch, mit einem warmen und einladenden Charakter.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Standard F Low Pygmy 9\",\n\n            scaleName:\n                \"F Low Pygmy\",\n\n            filterScale:\n                \"Low Pygmy\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"tribal\", \"meditative\"],\n\n            style:\n                [\"rhythm\", \"meditation\"],\n\n            level:\n                [\"intermediate\", \"advanced\"],\n\n            complexity:\n                [\"simple\"],\n\n            summary:\n                \"Tief, erdig und hypnotisch mit einem ausgepr\u00e4gten Basscharakter.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Mutant D Kurd 11+3\",\n\n            scaleName:\n                \"D Kurd\",\n\n            filterScale:\n                \"Kurd\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"meditative\"],\n\n            style:\n                [\"meditation\", \"melody\"],\n\n            level:\n                [\"advanced\"],\n\n            complexity:\n                [\"mutant\"],\n\n            summary:\n                \"Erweiterter D-Kurd-Tonumfang f\u00fcr erfahrene Spieler und vielseitigere Improvisationen.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Stainless Steel Mutant E Amara 13+4\",\n\n            scaleName:\n                \"E Amara\",\n\n            filterScale:\n                \"Amara\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"stainless\",\n\n            mood:\n                [\"uplifting\"],\n\n            style:\n                [\"melody\", \"meditation\"],\n\n            level:\n                [\"advanced\"],\n\n            complexity:\n                [\"mutant\"],\n\n            summary:\n                \"Gro\u00dfer melodischer Tonumfang f\u00fcr erfahrene E-Amara-Spieler.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Nitraded Steel Mutant F Low Pygmy 11+4\",\n\n            scaleName:\n                \"F Low Pygmy\",\n\n            filterScale:\n                \"Low Pygmy\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"nitraded\",\n\n            mood:\n                [\"tribal\", \"meditative\"],\n\n            style:\n                [\"rhythm\", \"meditation\"],\n\n            level:\n                [\"advanced\"],\n\n            complexity:\n                [\"mutant\"],\n\n            summary:\n                \"Erweitertes Bass-Setup f\u00fcr Spieler, die Groove und einen gr\u00f6\u00dferen Tonumfang w\u00fcnschen.\"\n\n        },\n\n\n        {\n            productName:\n                \"Kita Stainless Steel Mutant F3 Romanian Hijaz 16+3\",\n\n            scaleName:\n                \"F3 Romanian Hijaz\",\n\n            filterScale:\n                \"Romanian Hijaz\",\n\n            series:\n                \"Kita\",\n\n            material:\n                \"stainless\",\n\n            mood:\n                [\"mystical\"],\n\n            style:\n                [\"world\", \"melody\"],\n\n            level:\n                [\"advanced\"],\n\n            complexity:\n                [\"mutant\"],\n\n            summary:\n                \"Hochgradig ausdrucksstarke erweiterte Anordnung f\u00fcr orientalisches und cineastisches Spiel.\"\n\n        }\n\n    ];\n\n\n    let answers = {};\n\n    let step = 0;\n\n\n    \/* =====================================================\n       SHOW LOADING\n    ===================================================== *\/\n\n    function showLoading() {\n\n        const old =\n            document.querySelector(\n                \"#kitapantam-filter-loading\"\n            );\n\n        if (old) {\n            old.remove();\n        }\n\n\n        const loading =\n            document.createElement(\"div\");\n\n\n        loading.id =\n            \"kitapantam-filter-loading\";\n\n\n        loading.className =\n            \"filter-loading\";\n\n\n        loading.innerHTML = `\n\n            <div class=\"filter-loading-box\">\n\n                <div class=\"filter-loading-spinner\"><\/div>\n\n                <p class=\"filter-loading-text\">\n                    Filter wird angewendet...\n                <\/p>\n\n            <\/div>\n\n        `;\n\n\n        document.body.appendChild(\n            loading\n        );\n\n    }\n\n\n    \/* =====================================================\n       FIND CHECKBOX BY TEXT\n       \n       \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0627\u0635\u0644\u06cc\u0647.\n       \n       \u0645\u0627 \u062f\u0646\u0628\u0627\u0644 \u062e\u0648\u062f \u0645\u062a\u0646 \u0641\u06cc\u0644\u062a\u0631 \u0645\u06cc\u200c\u06af\u0631\u062f\u06cc\u0645\u060c\n       \u0646\u0647 \u0641\u0642\u0637 URL.\n    ===================================================== *\/\n\n    function findFilterCheckbox(\n        doc,\n        filterText\n    ) {\n\n        const inputs =\n            Array.from(\n                doc.querySelectorAll(\n                    'input[type=\"checkbox\"]'\n                )\n            );\n\n\n        const wanted =\n            filterText\n                .trim()\n                .toLowerCase();\n\n\n        for (\n            const input of inputs\n        ) {\n\n            let container =\n                input.closest(\"label\");\n\n\n            if (!container) {\n\n                container =\n                    input.parentElement;\n\n            }\n\n\n            if (!container) {\n                continue;\n            }\n\n\n            const text =\n                container.textContent\n                    .trim()\n                    .toLowerCase();\n\n\n            if (\n                text === wanted ||\n                text.includes(wanted)\n            ) {\n\n                return input;\n\n            }\n\n        }\n\n\n        \/*\n         * \u0631\u0648\u0634 \u062f\u0648\u0645:\n         * \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 Label \u0628\u0627 for\n         *\/\n\n        const labels =\n            Array.from(\n                doc.querySelectorAll(\n                    \"label\"\n                )\n            );\n\n\n        for (\n            const label of labels\n        ) {\n\n            const text =\n                label.textContent\n                    .trim()\n                    .toLowerCase();\n\n\n            if (\n                text === wanted ||\n                text.includes(wanted)\n            ) {\n\n                const forId =\n                    label.getAttribute(\"for\");\n\n\n                if (forId) {\n\n                    const input =\n                        doc.getElementById(\n                            forId\n                        );\n\n\n                    if (input) {\n                        return input;\n                    }\n\n                }\n\n\n                const input =\n                    label.querySelector(\n                        'input[type=\"checkbox\"]'\n                    );\n\n\n                if (input) {\n                    return input;\n                }\n\n            }\n\n        }\n\n\n        return null;\n\n    }\n\n\n    \/* =====================================================\n       CLICK FILTER INSIDE IFRAME\n    ===================================================== *\/\n\n    function clickFilter(\n        iframe,\n        filterText\n    ) {\n\n        return new Promise(\n            function (resolve) {\n\n                let attempts = 0;\n\n                const maxAttempts = 40;\n\n\n                const timer =\n                    setInterval(\n                        function () {\n\n                            attempts++;\n\n\n                            try {\n\n                                const doc =\n                                    iframe.contentDocument ||\n                                    iframe.contentWindow.document;\n\n\n                                if (!doc) {\n                                    return;\n                                }\n\n\n                                const checkbox =\n                                    findFilterCheckbox(\n                                        doc,\n                                        filterText\n                                    );\n\n\n                                if (\n                                    checkbox\n                                ) {\n\n                                    clearInterval(\n                                        timer\n                                    );\n\n\n                                    \/*\n                                     * \u0627\u06af\u0631 \u0627\u0632 \u0642\u0628\u0644 \u062a\u06cc\u06a9 \u062e\u0648\u0631\u062f\u0647\u060c\n                                     * \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0644\u06cc\u06a9 \u0646\u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n                                     *\/\n\n                                    if (\n                                        !checkbox.checked\n                                    ) {\n\n                                        checkbox.click();\n\n                                    }\n\n\n                                    resolve(\n                                        true\n                                    );\n\n\n                                    return;\n\n                                }\n\n\n                            } catch (error) {\n\n                                \/*\n                                 * \u0647\u0646\u0648\u0632 iframe \u0622\u0645\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a.\n                                 *\/\n\n                            }\n\n\n                            if (\n                                attempts >=\n                                maxAttempts\n                            ) {\n\n                                clearInterval(\n                                    timer\n                                );\n\n                                resolve(\n                                    false\n                                );\n\n                            }\n\n                        },\n                        250\n                    );\n\n            }\n        );\n\n    }\n\n\n    \/* =====================================================\n       APPLY REAL FILTER\n       \n       \u0627\u06cc\u0646\u062c\u0627 \u062f\u06cc\u06af\u0631 \u0641\u0642\u0637 URL \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.\n       \u0648\u0627\u0642\u0639\u0627\u064b checkbox \u0631\u0627 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n    ===================================================== *\/\n\n    async function openRealFilteredShop(\n        product\n    ) {\n\n        showLoading();\n\n\n        \/*\n         * iframe \u0645\u062e\u0641\u06cc\n         *\/\n\n        const iframe =\n            document.createElement(\n                \"iframe\"\n            );\n\n\n        iframe.style.position =\n            \"fixed\";\n\n        iframe.style.width =\n            \"1px\";\n\n        iframe.style.height =\n            \"1px\";\n\n        iframe.style.left =\n            \"-10000px\";\n\n        iframe.style.top =\n            \"-10000px\";\n\n        iframe.style.opacity =\n            \"0\";\n\n        iframe.style.pointerEvents =\n            \"none\";\n\n\n        document.body.appendChild(\n            iframe\n        );\n\n\n        \/*\n         * \u0635\u0641\u062d\u0647 Shop\n         *\/\n\n        iframe.src =\n            shopUrl;\n\n\n        \/*\n         * \u0635\u0628\u0631 \u0628\u0631\u0627\u06cc load\n         *\/\n\n        await new Promise(\n            function (resolve) {\n\n                iframe.addEventListener(\n                    \"load\",\n                    resolve,\n                    {\n                        once: true\n                    }\n                );\n\n            }\n        );\n\n\n        \/*\n         * \u06a9\u0645\u06cc \u0635\u0628\u0631 \u0628\u0631\u0627\u06cc AJAX \/ Filter plugin\n         *\/\n\n        await new Promise(\n            function (resolve) {\n\n                setTimeout(\n                    resolve,\n                    1200\n                );\n\n            }\n        );\n\n\n        \/*\n         * =================================================\n         * SCALE\n         * =================================================\n         *\/\n\n        let scaleApplied =\n            false;\n\n\n        if (\n            product.filterScale\n        ) {\n\n            scaleApplied =\n                await clickFilter(\n                    iframe,\n                    product.filterScale\n                );\n\n        }\n\n\n        \/*\n         * =================================================\n         * MATERIAL\n         * =================================================\n         *\/\n\n        let materialApplied =\n            false;\n\n\n        if (\n            answers.material &&\n            answers.material !== \"either\"\n        ) {\n\n            const materialText =\n                answers.material === \"nitraded\"\n                    ? \"Nitrierter Stahl\"\n                    : \"Edelstahl\";\n\n\n            materialApplied =\n                await clickFilter(\n                    iframe,\n                    materialText\n                );\n\n        }\n\n\n        \/*\n         * \u0627\u06af\u0631 \u062d\u062f\u0627\u0642\u0644 \u06cc\u06a9 \u0641\u06cc\u0644\u062a\u0631 \u0627\u0639\u0645\u0627\u0644 \u0634\u062f\u060c\n         * \u0686\u0646\u062f \u062b\u0627\u0646\u06cc\u0647 \u0628\u0631\u0627\u06cc AJAX \u0635\u0628\u0631 \u06a9\u0646.\n         *\/\n\n        if (\n            scaleApplied ||\n            materialApplied\n        ) {\n\n            await new Promise(\n                function (resolve) {\n\n                    setTimeout(\n                        resolve,\n                        1800\n                    );\n\n                }\n            );\n\n        }\n\n\n        \/*\n         * =================================================\n         * URL \u0646\u0647\u0627\u06cc\u06cc iframe\n         * =================================================\n         *\/\n\n        let finalUrl =\n            shopUrl;\n\n\n        try {\n\n            finalUrl =\n                iframe.contentWindow.location.href;\n\n        } catch (error) {\n\n            finalUrl =\n                shopUrl;\n\n        }\n\n\n        \/*\n         * \u0627\u06af\u0631 URL \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u062f\u060c\n         * \u0647\u0645\u0627\u0646 URL \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.\n         *\/\n\n        if (\n            !finalUrl ||\n            finalUrl === \"about:blank\"\n        ) {\n\n            finalUrl =\n                shopUrl;\n\n        }\n\n\n        \/*\n         * \u062d\u0630\u0641 iframe\n         *\/\n\n        iframe.remove();\n\n\n        \/*\n         * \u0631\u0641\u062a\u0646 \u0628\u0647 Shop\n         *\/\n\n        window.location.href =\n            finalUrl;\n\n    }\n\n\n    \/* =====================================================\n       QUESTION RENDER\n    ===================================================== *\/\n\n    function renderQuestion() {\n\n        const q =\n            questions[step];\n\n\n        const progressEl =\n            document.getElementById(\n                \"progress\"\n            );\n\n\n        const progressBarEl =\n            document.getElementById(\n                \"progressbar\"\n            );\n\n\n        const questionEl =\n            document.getElementById(\n                \"question\"\n            );\n\n\n        const optionsEl =\n            document.getElementById(\n                \"options\"\n            );\n\n\n        if (\n            !progressEl ||\n            !progressBarEl ||\n            !questionEl ||\n            !optionsEl\n        ) {\n\n            return;\n\n        }\n\n\n        progressEl.textContent =\n            `Frage ${step + 1} von ${questions.length}`;\n\n\n        progressBarEl.style.width =\n            `${((step + 1) \/ questions.length) * 100}%`;\n\n\n        questionEl.textContent =\n            q.text;\n\n\n        optionsEl.innerHTML =\n            \"\";\n\n\n        q.options.forEach(\n            function (opt) {\n\n                const btn =\n                    document.createElement(\n                        \"button\"\n                    );\n\n\n                btn.type =\n                    \"button\";\n\n\n                btn.className =\n                    \"option\";\n\n\n                btn.textContent =\n                    opt.label;\n\n\n                btn.onclick =\n                    function () {\n\n                        answers[q.key] =\n                            opt.value;\n\n\n                        step++;\n\n\n                        if (\n                            step <\n                            questions.length\n                        ) {\n\n                            renderQuestion();\n\n                        } else {\n\n                            showResults();\n\n                        }\n\n                    };\n\n\n                optionsEl.appendChild(\n                    btn\n                );\n\n            }\n        );\n\n    }\n\n\n    \/* =====================================================\n       SCORE\n    ===================================================== *\/\n\n    function scoreProduct(\n        product\n    ) {\n\n        let score =\n            0;\n\n\n        if (\n            product.mood.includes(\n                answers.mood\n            )\n        ) {\n\n            score += 4;\n\n        }\n\n\n        if (\n            product.style.includes(\n                answers.style\n            )\n        ) {\n\n            score += 4;\n\n        }\n\n\n        if (\n            product.level.includes(\n                answers.level\n            )\n        ) {\n\n            score += 3;\n\n        }\n\n\n        if (\n            product.complexity.includes(\n                answers.complexity\n            )\n        ) {\n\n            score += 4;\n\n        }\n\n\n        if (\n            answers.material === \"either\" ||\n            product.material === answers.material\n        ) {\n\n            score += 2;\n\n        }\n\n\n        if (\n            answers.level === \"beginner\" &&\n            product.series === \"Eclipse\" &&\n            answers.complexity === \"simple\"\n        ) {\n\n            score += 2;\n\n        }\n\n\n        return score;\n\n    }\n\n\n    \/* =====================================================\n       SCALE SCORE\n    ===================================================== *\/\n\n    function scaleScore(\n        scaleName\n    ) {\n\n        const items =\n            catalog.filter(\n                function (product) {\n\n                    return (\n                        product.scaleName ===\n                        scaleName\n                    );\n\n                }\n            );\n\n\n        return Math.max.apply(\n            null,\n            items.map(\n                scoreProduct\n            )\n        );\n\n    }\n\n\n    \/* =====================================================\n       BEST PRODUCT\n    ===================================================== *\/\n\n    function bestProductForScale(\n        scaleName\n    ) {\n\n        return catalog\n            .filter(\n                function (product) {\n\n                    return (\n                        product.scaleName ===\n                        scaleName\n                    );\n\n                }\n            )\n            .sort(\n                function (a, b) {\n\n                    return (\n                        scoreProduct(b) -\n                        scoreProduct(a)\n                    );\n\n                }\n            )[0];\n\n    }\n\n\n    \/* =====================================================\n       EXPLANATIONS\n    ===================================================== *\/\n\n    function getMoodExplanation() {\n\n        if (\n            answers.mood ===\n            \"meditative\"\n        ) {\n\n            return \"Du bevorzugst eine tiefere und nachdenklichere Stimmung. \";\n\n        }\n\n\n        if (\n            answers.mood ===\n            \"uplifting\"\n        ) {\n\n            return \"Du bevorzugst einen aufmunternden und positiven Charakter. \";\n\n        }\n\n\n        if (\n            answers.mood ===\n            \"mystical\"\n        ) {\n\n            return \"Du f\u00fchlst dich zu exotischen und ausdrucksstarken Kl\u00e4ngen hingezogen. \";\n\n        }\n\n\n        return \"Du bevorzugst einen erdigen und rhythmischen Charakter. \";\n\n    }\n\n\n    function getStyleExplanation() {\n\n        if (\n            answers.style ===\n            \"meditation\"\n        ) {\n\n            return \"Dein Spielstil legt den Schwerpunkt auf Meditation und lang anhaltende Resonanz.\";\n\n        }\n\n\n        if (\n            answers.style ===\n            \"world\"\n        ) {\n\n            return \"Dein Stil deutet auf ausdrucksstarke Weltmusik und orientalische Phrasierung hin.\";\n\n        }\n\n\n        if (\n            answers.style ===\n            \"rhythm\"\n        ) {\n\n            return \"Du legst Wert auf rhythmisches und perkussives Spiel.\";\n\n        }\n\n\n        return \"Du m\u00f6chtest Raum f\u00fcr melodische Improvisation.\";\n\n    }\n\n\n    \/* =====================================================\n       RESULTS\n    ===================================================== *\/\n\n    function showResults() {\n\n        const quiz =\n            document.getElementById(\n                \"quiz\"\n            );\n\n\n        const results =\n            document.getElementById(\n                \"results\"\n            );\n\n\n        const answerSummary =\n            document.getElementById(\n                \"answer-summary\"\n            );\n\n\n        const grid =\n            document.getElementById(\n                \"result-list\"\n            );\n\n\n        quiz.classList.add(\n            \"hidden\"\n        );\n\n\n        results.classList.remove(\n            \"hidden\"\n        );\n\n\n        answerSummary.innerHTML = `\n\n            <span class=\"pill\">\n                Stimmung: ${answers.mood}\n            <\/span>\n\n            <span class=\"pill\">\n                Erfahrungslevel: ${answers.level}\n            <\/span>\n\n            <span class=\"pill\">\n                Stil: ${answers.style}\n            <\/span>\n\n            <span class=\"pill\">\n                Instrument: ${answers.complexity}\n            <\/span>\n\n            <span class=\"pill\">\n                Material: ${answers.material}\n            <\/span>\n\n        `;\n\n\n        const scaleNames = [\n\n            ...new Set(\n\n                catalog.map(\n                    function (product) {\n\n                        return product.scaleName;\n\n                    }\n                )\n\n            )\n\n        ];\n\n\n        const rankedScales =\n\n            scaleNames\n\n                .map(\n                    function (name) {\n\n                        return {\n\n                            name:\n                                name,\n\n                            score:\n                                scaleScore(\n                                    name\n                                ),\n\n                            product:\n                                bestProductForScale(\n                                    name\n                                )\n\n                        };\n\n                    }\n                )\n\n                .sort(\n                    function (a, b) {\n\n                        return (\n                            b.score -\n                            a.score\n                        );\n\n                    }\n                )\n\n                .slice(\n                    0,\n                    3\n                );\n\n\n        grid.innerHTML =\n            \"\";\n\n\n        rankedScales.forEach(\n            function (\n                result,\n                index\n            ) {\n\n                const product =\n                    result.product;\n\n\n                const card =\n                    document.createElement(\n                        \"div\"\n                    );\n\n\n                card.className =\n                    `result-card ${\n                        index === 0\n                            ? \"primary\"\n                            : \"\"\n                    }`;\n\n\n                card.innerHTML = `\n\n                    <div class=\"recommendation-label\">\n\n                        ${\n                            index === 0\n                                ? \"Beste \u00dcbereinstimmung\"\n                                : \"Ebenfalls sehenswert\"\n                        }\n\n                    <\/div>\n\n\n                    <h2>\n                        ${result.name}\n                    <\/h2>\n\n\n                    <p>\n                        ${product.summary}\n                    <\/p>\n\n\n                    <div class=\"why\">\n\n                        <strong>\n                            Warum es passt:\n                        <\/strong>\n\n                        <br>\n\n                        ${getMoodExplanation()}\n\n                        ${getStyleExplanation()}\n\n                    <\/div>\n\n\n                    <div class=\"meta\">\n\n                        <span class=\"badge\">\n\n                            Empfohlen:\n                            ${product.series}\n\n                        <\/span>\n\n\n                        <span class=\"badge\">\n\n                            ${\n                                product.material ===\n                                \"nitraded\"\n\n                                    ? \"Nitrierter Stahl\"\n\n                                    : \"Edelstahl\"\n                            }\n\n                        <\/span>\n\n\n                        <span class=\"badge\">\n\n                            ${product.complexity}\n\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"cta\">\n\n                        <a\n                            class=\"action\"\n                            href=\"${scaleLibraryUrl}\"\n                        >\n                            ${result.name} entdecken\n                        <\/a>\n\n\n                        <button\n                            type=\"button\"\n                            class=\"action secondary filter-shop-btn\"\n                            data-scale=\"${product.filterScale}\"\n                            data-material=\"${product.material}\"\n                        >\n                            Passende Instrumente ansehen\n                        <\/button>\n\n                    <\/div>\n\n                `;\n\n\n                \/*\n                 * \u062f\u06a9\u0645\u0647 \u0641\u06cc\u0644\u062a\u0631\n                 *\/\n\n                const filterButton =\n                    card.querySelector(\n                        \".filter-shop-btn\"\n                    );\n\n\n                filterButton.addEventListener(\n                    \"click\",\n                    function () {\n\n                        openRealFilteredShop(\n                            product\n                        );\n\n                    }\n                );\n\n\n                grid.appendChild(\n                    card\n                );\n\n            }\n        );\n\n    }\n\n\n    \/* =====================================================\n       RESTART\n    ===================================================== *\/\n\n    function restartQuiz() {\n\n        answers =\n            {};\n\n        step =\n            0;\n\n\n        document\n            .getElementById(\n                \"results\"\n            )\n            .classList\n            .add(\n                \"hidden\"\n            );\n\n\n        document\n            .getElementById(\n                \"quiz\"\n            )\n            .classList\n            .remove(\n                \"hidden\"\n            );\n\n\n        renderQuestion();\n\n    }\n\n\n    \/* =====================================================\n       INIT\n    ===================================================== *\/\n\n    function init() {\n\n        const restartBtn =\n            document.getElementById(\n                \"btn-restart\"\n            );\n\n\n        if (\n            restartBtn\n        ) {\n\n            restartBtn.addEventListener(\n                \"click\",\n                restartQuiz\n            );\n\n        }\n\n\n        renderQuestion();\n\n    }\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            init\n        );\n\n    } else {\n\n        init();\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KitaPantam Finde deine Handpan-Tonleiter Beantworte f\u00fcnf einfache Fragen und entdecke die Tonleitern und Instrumentenkonfigurationen, die am besten zu deiner Spielweise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9901","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/pages\/9901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/comments?post=9901"}],"version-history":[{"count":34,"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/pages\/9901\/revisions"}],"predecessor-version":[{"id":22576,"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/pages\/9901\/revisions\/22576"}],"wp:attachment":[{"href":"https:\/\/kitapantam.com\/de\/wp-json\/wp\/v2\/media?parent=9901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}