Interaktiver Leitfaden zur Vedischen Psychologie<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Lato', sans-serif;\n background-color: #FDFBF8;\n color: #4A4A4A;\n }\n .nav-button {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n }\n .nav-button.active {\n border-bottom-color: #D58A4D;\n color: #D58A4D;\n font-weight: 700;\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\n }\n .chart-container {\n position: relative;\n margin: auto;\n height: 350px;\n width: 100%;\n max-width: 450px;\n }\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-out;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#3A3A3A] mb-2\">Vedische Psychologie<\/h1>\n <p class=\"text-lg text-gray-600\">Ein interaktiver Leitfaden zur Heilung des Geistes<\/p>\n <\/header>\n\n <nav class=\"flex justify-center flex-wrap gap-4 md:gap-8 mb-12 border-b pb-4\">\n <button class=\"nav-button active\" data-target=\"intro\">Einf\u00fchrung<\/button>\n <button class=\"nav-button\" data-target=\"fundamentals\">Grundlagen<\/button>\n <button class=\"nav-button\" data-target=\"mind\">Der Geist<\/button>\n <button class=\"nav-button\" data-target=\"therapies\">Therapien<\/button>\n <button class=\"nav-button\" data-target=\"yoga\">Der Yoga Pfad<\/button>\n <\/nav>\n\n <main>\n <section id=\"intro\" class=\"content-section active\">\n <div class=\"max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-sm\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-4 text-center\">Eine Reise ins Bewusstsein<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-4\">Willkommen zu einer Entdeckungsreise in die vedische und ayurvedische Psychologie. W\u00e4hrend der Westen die ayurvedische Naturheilkunde und K\u00fcche bereits sch\u00e4tzt, entdecken wir nun das tiefgreifende System der yogischen Psychologie als modernen Ansatz zur F\u00f6rderung von Lebensfreude und Wohlbefinden. Dieses System betrachtet den Menschen ganzheitlich \u2013 als eine Einheit von K\u00f6rper, Geist und Seele.<\/p>\n <p class=\"text-gray-700 leading-relaxed\">Diese interaktive Anwendung f\u00fchrt Sie durch die Kernkonzepte, das Verst\u00e4ndnis des Geistes und die vielf\u00e4ltigen Heilmethoden, die dieses alte Wissen bietet. Anstatt einer linearen Lekt\u00fcre k\u00f6nnen Sie die Themen frei erkunden, um zu erfahren, wie durch die Harmonisierung von Ern\u00e4hrung, Sinneseindr\u00fccken, Meditation und Yoga ein tiefes, nachhaltiges Wohlbefinden erreicht werden kann. Nutzen Sie die Navigation oben, um Ihre Reise zu beginnen.<\/p>\n <\/div>\n <\/section>\n\n <section id=\"fundamentals\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Die Bausteine des Seins<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Die vedische Psychologie basiert auf grundlegenden Prinzipien, die das Zusammenspiel von universeller Energie und individueller Konstitution erkl\u00e4ren. Die Doshas (biologische Temperamente) und Gunas (geistige Qualit\u00e4ten) sind die Schl\u00fcssel zum Verst\u00e4ndnis unserer einzigartigen Natur und unseres mentalen Zustands. Erkunden Sie interaktiv, wie diese Kr\u00e4fte uns formen.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8 items-start\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">Die Drei Doshas: Vata, Pitta, Kapha<\/h3>\n <p class=\"text-center text-sm text-gray-500 mb-4\">W\u00e4hlen Sie ein Dosha, um seine psychologischen Eigenschaften zu sehen.<\/p>\n <div class=\"chart-container mb-6\">\n <canvas id=\"doshaChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-3 mb-4\">\n <button class=\"dosha-btn bg-[#E3D8F1] text-[#6B4F8D] px-4 py-2 rounded-full font-semibold\" data-dosha=\"vata\">Vata<\/button>\n <button class=\"dosha-btn bg-[#F1D8D8] text-[#8D4F4F] px-4 py-2 rounded-full font-semibold\" data-dosha=\"pitta\">Pitta<\/button>\n <button class=\"dosha-btn bg-[#D8E8F1] text-[#4F738D] px-4 py-2 rounded-full font-semibold\" data-dosha=\"kapha\">Kapha<\/button>\n <\/div>\n <div id=\"dosha-info\" class=\"text-center p-4 bg-gray-50 rounded-lg\">\n <h4 id=\"dosha-title\" class=\"font-bold text-lg mb-2\"><\/h4>\n <p id=\"dosha-desc\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">Die Drei Gunas: Sattva, Rajas, Tamas<\/h3>\n <p class=\"text-center text-sm text-gray-500 mb-4\">W\u00e4hlen Sie ein Guna, um seine geistigen Qualit\u00e4ten zu sehen.<\/p>\n <div class=\"chart-container mb-6\">\n <canvas id=\"gunaChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-3 mb-4\">\n <button class=\"guna-btn bg-yellow-100 text-yellow-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"sattva\">Sattva<\/button>\n <button class=\"guna-btn bg-red-100 text-red-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"rajas\">Rajas<\/button>\n <button class=\"guna-btn bg-gray-200 text-gray-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"tamas\">Tamas<\/button>\n <\/div>\n <div id=\"guna-info\" class=\"text-center p-4 bg-gray-50 rounded-lg\">\n <h4 id=\"guna-title\" class=\"font-bold text-lg mb-2\"><\/h4>\n <p id=\"guna-desc\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"mind\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Die Anatomie des Geistes<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Das vedische Modell des Geistes ist viergeteilt und beschreibt ein dynamisches System, das unsere Wahrnehmungen, Erinnerungen, unser Ich-Gef\u00fchl und unsere h\u00f6here Intelligenz umfasst. Dieses interaktive Diagramm zeigt, wie diese vier Aspekte \u2013 Manas, Chitta, Ahamkara und Buddhi \u2013 zusammenwirken, um unsere Realit\u00e4t zu formen. Klicken Sie auf die einzelnen Komponenten, um mehr zu erfahren.<\/p>\n <\/div>\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"relative p-8\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-gray-200\"><\/div>\n <div class=\"absolute top-0 left-1\/2 w-0.5 h-full bg-gray-200\"><\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 relative\">\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"buddhi\">\n <h3 class=\"font-bold text-xl text-blue-600\">Buddhi (Intelligenz)<\/h3>\n <p class=\"text-sm\">H\u00f6herer Geist, Urteilskraft<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"ahamkara\">\n <h3 class=\"font-bold text-xl text-red-600\">Ahamkara (Ego)<\/h3>\n <p class=\"text-sm\">Der „Ich-Macher“, Individualit\u00e4t<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"manas\">\n <h3 class=\"font-bold text-xl text-green-600\">Manas (Verarbeitender Geist)<\/h3>\n <p class=\"text-sm\">Sensorischer Geist, Verarbeitung<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"chitta\">\n <h3 class=\"font-bold text-xl text-purple-600\">Chitta (Speicher)<\/h3>\n <p class=\"text-sm\">Speicherbank, Eindr\u00fccke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"mind-details-container\" class=\"max-w-3xl mx-auto mt-8\"><\/div>\n <\/section>\n\n\n <section id=\"therapies\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Wege zur Heilung<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Ayurveda und Yoga bieten ein reiches Spektrum an Therapien, die auf die Harmonisierung von K\u00f6rper und Geist abzielen. Diese Methoden reichen von greifbaren Behandlungen wie Ern\u00e4hrung und Massage bis hin zu feinstofflichen Ans\u00e4tzen wie Aromen und Mantras. Erkunden Sie die verschiedenen Kategorien, um die passenden Wege f\u00fcr Ihr Wohlbefinden zu entdecken.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">\u00c4u\u00dfere & K\u00f6rperliche Therapien<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-body\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">Feinstoffliche Therapien<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-subtle\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">Klang & Spirituelle Praxis<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-spiritual\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"yoga\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Der Achtfache Pfad des Yoga<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Der achtfache Pfad, wie von Patanjali beschrieben, ist eine systematische Anleitung zur Transformation des Bewusstseins. Er f\u00fchrt von \u00e4u\u00dferen ethischen Praktiken zu tiefen inneren Zust\u00e4nden der Meditation und Erleuchtung. Klicken Sie auf jeden Schritt des Pfades, um seine Bedeutung und Praxis zu verstehen.<\/p>\n <\/div>\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"yamas\">\n <h3 class=\"font-bold text-lg text-gray-800\">1. Yamas<\/h3><p class=\"text-sm text-gray-500\">Ethische Regeln<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"niyamas\">\n <h3 class=\"font-bold text-lg text-gray-800\">2. Niyamas<\/h3><p class=\"text-sm text-gray-500\">Selbstdisziplin<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"asana\">\n <h3 class=\"font-bold text-lg text-gray-800\">3. Asana<\/h3><p class=\"text-sm text-gray-500\">K\u00f6rperhaltungen<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"pranayama\">\n <h3 class=\"font-bold text-lg text-gray-800\">4. Pranayama<\/h3><p class=\"text-sm text-gray-500\">Atemkontrolle<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"pratyahara\">\n <h3 class=\"font-bold text-lg text-gray-800\">5. Pratyahara<\/h3><p class=\"text-sm text-gray-500\">R\u00fcckzug der Sinne<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"dharana\">\n <h3 class=\"font-bold text-lg text-gray-800\">6. Dharana<\/h3><p class=\"text-sm text-gray-500\">Konzentration<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"dhyana\">\n <h3 class=\"font-bold text-lg text-gray-800\">7. Dhyana<\/h3><p class=\"text-sm text-gray-500\">Meditation<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"samadhi\">\n <h3 class=\"font-bold text-lg text-gray-800\">8. Samadhi<\/h3><p class=\"text-sm text-gray-500\">Erleuchtung<\/p>\n <\/div>\n <\/div>\n <div id=\"yoga-details\" class=\"mt-8 bg-white p-6 rounded-xl shadow-sm min-h-[100px] text-gray-700 leading-relaxed\">\n <p>W\u00e4hlen Sie einen Schritt, um die Beschreibung anzuzeigen.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n const data = {\n doshas: {\n vata: {\n title: \"Vata (Luft & \u00c4ther)\",\n description: \"Kreativ, enthusiastisch, impulsiv. Neigt zu Angst, Unruhe und Zerstreutheit.\",\n values: [8, 7, 3, 9, 8, 4],\n color: 'rgba(107, 79, 141, 0.5)'\n },\n pitta: {\n title: \"Pitta (Feuer & Wasser)\",\n description: \"Intelligent, ehrgeizig, scharfsinnig. Neigt zu Reizbarkeit, Wut und Perfektionismus.\",\n values: [6, 9, 8, 5, 4, 9],\n color: 'rgba(141, 79, 79, 0.5)'\n },\n kapha: {\n title: \"Kapha (Erde & Wasser)\",\n description: \"Ruhig, stabil, mitf\u00fchlend. Neigt zu Tr\u00e4gheit, Anhaftung und Antriebslosigkeit.\",\n values: [4, 5, 9, 3, 5, 6],\n color: 'rgba(79, 115, 141, 0.5)'\n }\n },\n gunas: {\n sattva: {\n title: \"Sattva (Harmonie)\",\n description: \"F\u00f6rdert Frieden, Freude, Klarheit, Mitgef\u00fchl und spirituelles Wachstum.\",\n values: [9, 9, 8, 9, 8],\n color: 'rgba(253, 224, 71, 0.5)'\n },\n rajas: {\n title: \"Rajas (Aktivit\u00e4t)\",\n description: \"Treibt Ehrgeiz, Unruhe, Stress und Verlangen an. F\u00fchrt zu \u00dcberstimulation.\",\n values: [8, 5, 4, 8, 9],\n color: 'rgba(239, 68, 68, 0.5)'\n },\n tamas: {\n title: \"Tamas (Tr\u00e4gheit)\",\n description: \"Verursacht Lethargie, Depression, Ignoranz und Anhaftung.\",\n values: [3, 2, 9, 3, 2],\n color: 'rgba(107, 114, 128, 0.5)'\n }\n },\n mind: {\n buddhi: { title: \"Buddhi (H\u00f6herer Geist)\", content: \"Buddhi ist die F\u00e4higkeit zu entscheiden, zu urteilen und zu unterscheiden. Es ist die T\u00fcr zur inneren Weisheit und sollte die leitende Kraft im Geist sein. Eine klare Buddhi f\u00fchrt zu weisen Entscheidungen und Selbstkontrolle.\" },\n ahamkara: { title: \"Ahamkara (Ego)\", content: \"Ahamkara ist der 'Ich-Macher', das Prinzip der Individualit\u00e4t. Es identifiziert sich mit Erfahrungen und Eindr\u00fccken und erzeugt das Gef\u00fchl eines getrennten Selbst. Ein dominantes Ego kann zu Angst, Stolz und Leid f\u00fchren.\" },\n manas: { title: \"Manas (Verarbeitender Geist)\", content: \"Manas ist der sensorische Geist, der Informationen von der Au\u00dfenwelt \u00fcber die Sinne empf\u00e4ngt. Es verarbeitet diese Eindr\u00fccke und agiert als Bildschirm des Bewusstseins, ist aber f\u00fcr sich allein ein schlechter Entscheidungstr\u00e4ger.\" },\n chitta: { title: \"Chitta (Speicher)\", content: \"Chitta ist die Speicherbank des Geistes, ein unbewusstes Reservoir f\u00fcr alle vergangenen Eindr\u00fccke und Erfahrungen (Samskaras). Diese gespeicherten Muster sind die Wurzel unserer Gewohnheiten und Konditionierungen.\" }\n },\n therapies: {\n body: [\n { title: \"Ern\u00e4hrung & Kr\u00e4uter\", content: \"Eine individuell auf das Dosha abgestimmte Ern\u00e4hrung und der Einsatz von Heilkr\u00e4utern (Medhya Rasayanas wie Ashwagandha, Brahmi) bilden die Grundlage, um K\u00f6rper und Geist zu n\u00e4hren und ins Gleichgewicht zu bringen.\" },\n { title: \"Massage (Abhyanga)\", content: \"Die Selbstmassage mit warmem \u00d6l beruhigt das Nervensystem, l\u00f6st Spannungen, f\u00f6rdert die Durchblutung und st\u00e4rkt die Verbindung zum eigenen K\u00f6rper.\" },\n { title: \"Pancha Karma\", content: \"Ein tiefgreifendes, systematisches Reinigungsverfahren, um angesammelte Giftstoffe (Ama) aus dem K\u00f6rper zu entfernen und die Doshas zu harmonisieren, was zu mentaler Klarheit und Verj\u00fcngung f\u00fchrt.\" },\n ],\n subtle: [\n { title: \"Farben (Chromotherapie)\", content: \"Farben haben spezifische Schwingungen, die den Geist beeinflussen. Warme Farben wirken anregend, k\u00fchle Farben beruhigend. Die bewusste Wahl von Farben in Kleidung und Umgebung kann die Gunas und Doshas ausgleichen.\" },\n { title: \"Edelsteine\", content: \"Edelsteine tragen spezifische planetarische Energien und k\u00f6nnen als feinstoffliche Werkzeuge eingesetzt werden, um den Geist zu n\u00e4hren, zu sch\u00fctzen und auszugleichen, oft in Form von Schmuck oder Lichttherapie.\" },\n { title: \"D\u00fcfte (Aromatherapie)\", content: \"\u00c4therische \u00d6le wirken direkt auf das limbische System im Gehirn und k\u00f6nnen Emotionen und mentale Zust\u00e4nde kraftvoll beeinflussen. D\u00fcfte werden Dosha-spezifisch ausgew\u00e4hlt, um zu beruhigen, zu k\u00fchlen oder zu stimulieren.\" },\n ],\n spiritual: [\n { title: \"Mantren\", content: \"Mantren sind heilige Kl\u00e4nge, deren Schwingungen den Geist beruhigen, negative Denkmuster aufl\u00f6sen und eine Verbindung zu h\u00f6heren Bewusstseinsebenen schaffen. Die Rezitation fokussiert den 'Affengeist' und schafft Raum f\u00fcr Klarheit.\" },\n { title: \"Beratung & Verhaltens\u00e4nderung\", content: \"Vedisches Counseling ist ein Prozess der Selbsterforschung (Atma-vichara), der hilft, die innere Intelligenz zu aktivieren und ungesunde Gewohnheiten und Denkmuster aufzugeben.\" },\n ]\n },\n yoga: {\n yamas: { title: \"1. Yamas - Ethische Disziplin\", content: \"Die Yamas sind universelle moralische Gebote, die das Verhalten gegen\u00fcber anderen regeln. Dazu geh\u00f6ren Gewaltlosigkeit (Ahimsa), Wahrhaftigkeit (Satya), Nicht-Stehlen (Asteya), M\u00e4\u00dfigung (Brahmacharya) und Nicht-Besitzen (Aparigraha).\" },\n niyamas: { title: \"2. Niyamas - Selbstdisziplin\", content: \"Die Niyamas sind Regeln f\u00fcr die pers\u00f6nliche Praxis und Disziplin. Sie umfassen Reinheit (Saucha), Zufriedenheit (Santosha), Askese (Tapas), Selbststudium (Svadhyaya) und Hingabe an eine h\u00f6here Macht (Ishvara Pranidhana).\" },\n asana: { title: \"3. Asana - K\u00f6rperhaltungen\", content: \"Asanas sind die bekannten K\u00f6rperhaltungen des Yoga. Sie dienen dazu, den K\u00f6rper zu st\u00e4rken, flexibel zu machen und auf die Meditation vorzubereiten, indem sie physische und energetische Blockaden l\u00f6sen.\" },\n pranayama: { title: \"4. Pranayama - Atemkontrolle\", content: \"Pranayama bezeichnet die bewusste Regulierung des Atems. Diese Techniken dienen dazu, die Lebensenergie (Prana) zu lenken, das Nervensystem zu beruhigen und den Geist auf die Konzentration vorzubereiten.\" },\n pratyahara: { title: \"5. Pratyahara - R\u00fcckzug der Sinne\", content: \"Hierbei wird die Aufmerksamkeit bewusst von der \u00e4u\u00dferen Welt und den Sinneseindr\u00fccken nach innen gelenkt. Es ist der erste Schritt zur Beherrschung des Geistes und zur Meditation.\" },\n dharana: { title: \"6. Dharana - Konzentration\", content: \"Dharana ist die F\u00e4higkeit, den Geist auf einen einzigen Punkt oder ein einziges Objekt zu fokussieren, ohne abgelenkt zu werden. Dies ist die Vorstufe zur Meditation.\" },\n dhyana: { title: \"7. Dhyana - Meditation\", content: \"Dhyana ist ein Zustand ununterbrochenen Flusses der Konzentration. Der Geist ist ruhig und wach, aber ohne Anstrengung auf das Meditationsobjekt gerichtet. Der Beobachter und das Beobachtete beginnen zu verschmelzen.\" },\n samadhi: { title: \"8. Samadhi - Erleuchtung\", content: \"Samadhi ist der Zustand der Vereinigung, in dem die Trennung zwischen dem individuellen Selbst und dem universellen Bewusstsein aufgehoben ist. Es ist ein Zustand transzendentalen Bewusstseins und reiner Gl\u00fcckseligkeit.\" }\n }\n };\n \n let doshaChartInstance, gunaChartInstance;\n\n const chartOptions = {\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: { display: true, color: 'rgba(0, 0, 0, 0.1)' },\n suggestedMin: 0,\n suggestedMax: 10,\n grid: { color: 'rgba(0, 0, 0, 0.1)' },\n pointLabels: { font: { size: 12 }, color: '#4A4A4A' },\n ticks: { display: false }\n }\n },\n plugins: {\n legend: { display: false }\n }\n };\n\n function createDoshaChart(doshaKey) {\n if (doshaChartInstance) {\n doshaChartInstance.destroy();\n }\n const doshaData = data.doshas[doshaKey];\n const ctx = document.getElementById('doshaChart').getContext('2d');\n doshaChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['Kreativit\u00e4t', 'Intelligenz', 'Stabilit\u00e4t', 'Sensibilit\u00e4t', 'Unruhe', 'Ehrgeiz'],\n datasets: [{\n label: doshaData.title,\n data: doshaData.values,\n backgroundColor: doshaData.color,\n borderColor: doshaData.color.replace('0.5', '1'),\n borderWidth: 2,\n pointBackgroundColor: doshaData.color.replace('0.5', '1'),\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: doshaData.color.replace('0.5', '1')\n }]\n },\n options: chartOptions\n });\n document.getElementById('dosha-title').textContent = doshaData.title;\n document.getElementById('dosha-desc').textContent = doshaData.description;\n }\n\n function createGunaChart(gunaKey) {\n if (gunaChartInstance) {\n gunaChartInstance.destroy();\n }\n const gunaData = data.gunas[gunaKey];\n const ctx = document.getElementById('gunaChart').getContext('2d');\n gunaChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['Klarheit', 'Frieden', 'Tr\u00e4gheit', 'Verlangen', 'Aktivit\u00e4t'],\n datasets: [{\n label: gunaData.title,\n data: gunaData.values,\n backgroundColor: gunaData.color,\n borderColor: gunaData.color.replace('0.5', '1'),\n borderWidth: 2,\n pointBackgroundColor: gunaData.color.replace('0.5', '1'),\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: gunaData.color.replace('0.5', '1')\n }]\n },\n options: chartOptions\n });\n document.getElementById('guna-title').textContent = gunaData.title;\n document.getElementById('guna-desc').textContent = gunaData.description;\n }\n\n createDoshaChart('vata');\n createGunaChart('sattva');\n\n document.querySelectorAll('.dosha-btn').forEach(button => {\n button.addEventListener('click', (e) => createDoshaChart(e.target.dataset.dosha));\n });\n document.querySelectorAll('.guna-btn').forEach(button => {\n button.addEventListener('click', (e) => createGunaChart(e.target.dataset.guna));\n });\n\n const navButtons = document.querySelectorAll('.nav-button');\n const sections = document.querySelectorAll('.content-section');\n navButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.dataset.target;\n\n navButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n sections.forEach(section => {\n section.classList.remove('active');\n if (section.id === targetId) {\n section.classList.add('active');\n }\n });\n });\n });\n\n const mindComponents = document.querySelectorAll('.mind-component');\n const mindDetailsContainer = document.getElementById('mind-details-container');\n mindComponents.forEach(comp => {\n comp.addEventListener('click', () => {\n const mindKey = comp.dataset.mind;\n const mindData = data.mind[mindKey];\n mindDetailsContainer.innerHTML = `\n <div class=\"bg-white p-6 rounded-xl shadow-lg transition-opacity duration-500 animate-fade-in\">\n <h3 class=\"text-2xl font-bold text-gray-800 mb-3\">${mindData.title}<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">${mindData.content}<\/p>\n <\/div>`;\n \n mindComponents.forEach(c => c.classList.remove('ring-2', 'ring-offset-2', 'ring-orange-400'));\n comp.classList.add('ring-2', 'ring-offset-2', 'ring-orange-400');\n });\n });\n\n const therapyBody = document.getElementById('therapy-body');\n data.therapies.body.forEach(item => {\n therapyBody.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n const therapySubtle = document.getElementById('therapy-subtle');\n data.therapies.subtle.forEach(item => {\n therapySubtle.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n const therapySpiritual = document.getElementById('therapy-spiritual');\n data.therapies.spiritual.forEach(item => {\n therapySpiritual.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n \n document.querySelectorAll('.accordion-header').forEach(button => {\n button.addEventListener('click', () => {\n const content = button.nextElementSibling;\n const icon = button.querySelector('span:last-child');\n \n button.parentElement.parentElement.querySelectorAll('.accordion-content').forEach(item => {\n if (item !== content) {\n item.style.maxHeight = null;\n item.previousElementSibling.querySelector('span:last-child').classList.remove('rotate-45');\n }\n });\n\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n icon.classList.remove('rotate-45');\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n icon.classList.add('rotate-45');\n } \n });\n });\n \n const yogaPathItems = document.querySelectorAll('.yoga-path-item');\n const yogaDetails = document.getElementById('yoga-details');\n yogaPathItems.forEach(item => {\n item.addEventListener('click', () => {\n const pathKey = item.dataset.path;\n const pathData = data.yoga[pathKey];\n yogaDetails.innerHTML = `<h3 class=\"font-bold text-xl mb-2\">${pathData.title}<\/h3><p>${pathData.content}<\/p>`;\n \n yogaPathItems.forEach(i => i.classList.remove('ring-2', 'ring-offset-2', 'ring-orange-400'));\n item.classList.add('ring-2', 'ring-offset-2', 'ring-orange-400');\n });\n });\n\n});\n<\/script>\n<p>\nBeitrag \u00fcber Yoga und ganzheitliches Coaching . Weiterlesen\n\n\n<a href=\"http:\/\/www.jyotishi.de\/neu\/yoga-und-ganzheitliches-coaching\/\">Yoga und ganzheitliches Coaching<\/a>\n„`\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interaktiver Leitfaden zur Vedischen Psychologie Vedische Psychologie Ein interaktiver Leitfaden zur Heilung des Geistes Einf\u00fchrung Grundlagen Der Geist Therapien Der Yoga Pfad Eine Reise ins Bewusstsein Willkommen zu einer Entdeckungsreise in die vedische und ayurvedische Psychologie. W\u00e4hrend der Westen die ayurvedische Naturheilkunde und K\u00fcche bereits sch\u00e4tzt, entdecken wir nun das tiefgreifende System der yogischen Psychologie […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/comments?post=2496"}],"version-history":[{"count":6,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496\/revisions"}],"predecessor-version":[{"id":2509,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496\/revisions\/2509"}],"wp:attachment":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/media?parent=2496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2496,"date":"2025-07-16T18:21:41","date_gmt":"2025-07-16T16:21:41","guid":{"rendered":"http:\/\/www.jyotishi.de\/neu\/?page_id=2496"},"modified":"2025-07-20T15:21:41","modified_gmt":"2025-07-20T13:21:41","slug":"vedische-psychologie","status":"publish","type":"page","link":"http:\/\/www.jyotishi.de\/neu\/vedische-psychologie\/","title":{"rendered":"Vedische Psychologie"},"content":{"rendered":"\n\n\n\n \n \n Interaktiver Leitfaden zur Vedischen Psychologie<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Lato', sans-serif;\n background-color: #FDFBF8;\n color: #4A4A4A;\n }\n .nav-button {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n }\n .nav-button.active {\n border-bottom-color: #D58A4D;\n color: #D58A4D;\n font-weight: 700;\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\n }\n .chart-container {\n position: relative;\n margin: auto;\n height: 350px;\n width: 100%;\n max-width: 450px;\n }\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-out;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#3A3A3A] mb-2\">Vedische Psychologie<\/h1>\n <p class=\"text-lg text-gray-600\">Ein interaktiver Leitfaden zur Heilung des Geistes<\/p>\n <\/header>\n\n <nav class=\"flex justify-center flex-wrap gap-4 md:gap-8 mb-12 border-b pb-4\">\n <button class=\"nav-button active\" data-target=\"intro\">Einf\u00fchrung<\/button>\n <button class=\"nav-button\" data-target=\"fundamentals\">Grundlagen<\/button>\n <button class=\"nav-button\" data-target=\"mind\">Der Geist<\/button>\n <button class=\"nav-button\" data-target=\"therapies\">Therapien<\/button>\n <button class=\"nav-button\" data-target=\"yoga\">Der Yoga Pfad<\/button>\n <\/nav>\n\n <main>\n <section id=\"intro\" class=\"content-section active\">\n <div class=\"max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-sm\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-4 text-center\">Eine Reise ins Bewusstsein<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-4\">Willkommen zu einer Entdeckungsreise in die vedische und ayurvedische Psychologie. W\u00e4hrend der Westen die ayurvedische Naturheilkunde und K\u00fcche bereits sch\u00e4tzt, entdecken wir nun das tiefgreifende System der yogischen Psychologie als modernen Ansatz zur F\u00f6rderung von Lebensfreude und Wohlbefinden. Dieses System betrachtet den Menschen ganzheitlich \u2013 als eine Einheit von K\u00f6rper, Geist und Seele.<\/p>\n <p class=\"text-gray-700 leading-relaxed\">Diese interaktive Anwendung f\u00fchrt Sie durch die Kernkonzepte, das Verst\u00e4ndnis des Geistes und die vielf\u00e4ltigen Heilmethoden, die dieses alte Wissen bietet. Anstatt einer linearen Lekt\u00fcre k\u00f6nnen Sie die Themen frei erkunden, um zu erfahren, wie durch die Harmonisierung von Ern\u00e4hrung, Sinneseindr\u00fccken, Meditation und Yoga ein tiefes, nachhaltiges Wohlbefinden erreicht werden kann. Nutzen Sie die Navigation oben, um Ihre Reise zu beginnen.<\/p>\n <\/div>\n <\/section>\n\n <section id=\"fundamentals\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Die Bausteine des Seins<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Die vedische Psychologie basiert auf grundlegenden Prinzipien, die das Zusammenspiel von universeller Energie und individueller Konstitution erkl\u00e4ren. Die Doshas (biologische Temperamente) und Gunas (geistige Qualit\u00e4ten) sind die Schl\u00fcssel zum Verst\u00e4ndnis unserer einzigartigen Natur und unseres mentalen Zustands. Erkunden Sie interaktiv, wie diese Kr\u00e4fte uns formen.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8 items-start\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">Die Drei Doshas: Vata, Pitta, Kapha<\/h3>\n <p class=\"text-center text-sm text-gray-500 mb-4\">W\u00e4hlen Sie ein Dosha, um seine psychologischen Eigenschaften zu sehen.<\/p>\n <div class=\"chart-container mb-6\">\n <canvas id=\"doshaChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-3 mb-4\">\n <button class=\"dosha-btn bg-[#E3D8F1] text-[#6B4F8D] px-4 py-2 rounded-full font-semibold\" data-dosha=\"vata\">Vata<\/button>\n <button class=\"dosha-btn bg-[#F1D8D8] text-[#8D4F4F] px-4 py-2 rounded-full font-semibold\" data-dosha=\"pitta\">Pitta<\/button>\n <button class=\"dosha-btn bg-[#D8E8F1] text-[#4F738D] px-4 py-2 rounded-full font-semibold\" data-dosha=\"kapha\">Kapha<\/button>\n <\/div>\n <div id=\"dosha-info\" class=\"text-center p-4 bg-gray-50 rounded-lg\">\n <h4 id=\"dosha-title\" class=\"font-bold text-lg mb-2\"><\/h4>\n <p id=\"dosha-desc\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"text-2xl font-bold text-center mb-4 text-gray-800\">Die Drei Gunas: Sattva, Rajas, Tamas<\/h3>\n <p class=\"text-center text-sm text-gray-500 mb-4\">W\u00e4hlen Sie ein Guna, um seine geistigen Qualit\u00e4ten zu sehen.<\/p>\n <div class=\"chart-container mb-6\">\n <canvas id=\"gunaChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-3 mb-4\">\n <button class=\"guna-btn bg-yellow-100 text-yellow-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"sattva\">Sattva<\/button>\n <button class=\"guna-btn bg-red-100 text-red-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"rajas\">Rajas<\/button>\n <button class=\"guna-btn bg-gray-200 text-gray-800 px-4 py-2 rounded-full font-semibold\" data-guna=\"tamas\">Tamas<\/button>\n <\/div>\n <div id=\"guna-info\" class=\"text-center p-4 bg-gray-50 rounded-lg\">\n <h4 id=\"guna-title\" class=\"font-bold text-lg mb-2\"><\/h4>\n <p id=\"guna-desc\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"mind\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Die Anatomie des Geistes<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Das vedische Modell des Geistes ist viergeteilt und beschreibt ein dynamisches System, das unsere Wahrnehmungen, Erinnerungen, unser Ich-Gef\u00fchl und unsere h\u00f6here Intelligenz umfasst. Dieses interaktive Diagramm zeigt, wie diese vier Aspekte \u2013 Manas, Chitta, Ahamkara und Buddhi \u2013 zusammenwirken, um unsere Realit\u00e4t zu formen. Klicken Sie auf die einzelnen Komponenten, um mehr zu erfahren.<\/p>\n <\/div>\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"relative p-8\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-gray-200\"><\/div>\n <div class=\"absolute top-0 left-1\/2 w-0.5 h-full bg-gray-200\"><\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 relative\">\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"buddhi\">\n <h3 class=\"font-bold text-xl text-blue-600\">Buddhi (Intelligenz)<\/h3>\n <p class=\"text-sm\">H\u00f6herer Geist, Urteilskraft<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"ahamkara\">\n <h3 class=\"font-bold text-xl text-red-600\">Ahamkara (Ego)<\/h3>\n <p class=\"text-sm\">Der „Ich-Macher“, Individualit\u00e4t<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"manas\">\n <h3 class=\"font-bold text-xl text-green-600\">Manas (Verarbeitender Geist)<\/h3>\n <p class=\"text-sm\">Sensorischer Geist, Verarbeitung<\/p>\n <\/div>\n <div class=\"mind-component bg-white p-6 rounded-lg shadow-md cursor-pointer hover:shadow-xl transition-shadow\" data-mind=\"chitta\">\n <h3 class=\"font-bold text-xl text-purple-600\">Chitta (Speicher)<\/h3>\n <p class=\"text-sm\">Speicherbank, Eindr\u00fccke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"mind-details-container\" class=\"max-w-3xl mx-auto mt-8\"><\/div>\n <\/section>\n\n\n <section id=\"therapies\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Wege zur Heilung<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Ayurveda und Yoga bieten ein reiches Spektrum an Therapien, die auf die Harmonisierung von K\u00f6rper und Geist abzielen. Diese Methoden reichen von greifbaren Behandlungen wie Ern\u00e4hrung und Massage bis hin zu feinstofflichen Ans\u00e4tzen wie Aromen und Mantras. Erkunden Sie die verschiedenen Kategorien, um die passenden Wege f\u00fcr Ihr Wohlbefinden zu entdecken.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">\u00c4u\u00dfere & K\u00f6rperliche Therapien<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-body\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">Feinstoffliche Therapien<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-subtle\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n <button class=\"accordion-header w-full text-left p-6 flex justify-between items-center\">\n <span class=\"text-xl font-bold text-gray-800\">Klang & Spirituelle Praxis<\/span>\n <span class=\"text-2xl text-[#D58A4D] transform transition-transform duration-300\">+<\/span>\n <\/button>\n <div class=\"accordion-content px-6 pb-6\">\n <div id=\"therapy-spiritual\" class=\"space-y-4 text-gray-700 leading-relaxed\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"yoga\" class=\"content-section\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-[#D58A4D] mb-2\">Der Achtfache Pfad des Yoga<\/h2>\n <p class=\"max-w-3xl mx-auto text-gray-600\">Der achtfache Pfad, wie von Patanjali beschrieben, ist eine systematische Anleitung zur Transformation des Bewusstseins. Er f\u00fchrt von \u00e4u\u00dferen ethischen Praktiken zu tiefen inneren Zust\u00e4nden der Meditation und Erleuchtung. Klicken Sie auf jeden Schritt des Pfades, um seine Bedeutung und Praxis zu verstehen.<\/p>\n <\/div>\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"yamas\">\n <h3 class=\"font-bold text-lg text-gray-800\">1. Yamas<\/h3><p class=\"text-sm text-gray-500\">Ethische Regeln<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"niyamas\">\n <h3 class=\"font-bold text-lg text-gray-800\">2. Niyamas<\/h3><p class=\"text-sm text-gray-500\">Selbstdisziplin<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"asana\">\n <h3 class=\"font-bold text-lg text-gray-800\">3. Asana<\/h3><p class=\"text-sm text-gray-500\">K\u00f6rperhaltungen<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"pranayama\">\n <h3 class=\"font-bold text-lg text-gray-800\">4. Pranayama<\/h3><p class=\"text-sm text-gray-500\">Atemkontrolle<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"pratyahara\">\n <h3 class=\"font-bold text-lg text-gray-800\">5. Pratyahara<\/h3><p class=\"text-sm text-gray-500\">R\u00fcckzug der Sinne<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"dharana\">\n <h3 class=\"font-bold text-lg text-gray-800\">6. Dharana<\/h3><p class=\"text-sm text-gray-500\">Konzentration<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"dhyana\">\n <h3 class=\"font-bold text-lg text-gray-800\">7. Dhyana<\/h3><p class=\"text-sm text-gray-500\">Meditation<\/p>\n <\/div>\n <div class=\"yoga-path-item p-6 bg-white rounded-lg shadow-sm cursor-pointer hover:shadow-lg transition-shadow\" data-path=\"samadhi\">\n <h3 class=\"font-bold text-lg text-gray-800\">8. Samadhi<\/h3><p class=\"text-sm text-gray-500\">Erleuchtung<\/p>\n <\/div>\n <\/div>\n <div id=\"yoga-details\" class=\"mt-8 bg-white p-6 rounded-xl shadow-sm min-h-[100px] text-gray-700 leading-relaxed\">\n <p>W\u00e4hlen Sie einen Schritt, um die Beschreibung anzuzeigen.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n const data = {\n doshas: {\n vata: {\n title: \"Vata (Luft & \u00c4ther)\",\n description: \"Kreativ, enthusiastisch, impulsiv. Neigt zu Angst, Unruhe und Zerstreutheit.\",\n values: [8, 7, 3, 9, 8, 4],\n color: 'rgba(107, 79, 141, 0.5)'\n },\n pitta: {\n title: \"Pitta (Feuer & Wasser)\",\n description: \"Intelligent, ehrgeizig, scharfsinnig. Neigt zu Reizbarkeit, Wut und Perfektionismus.\",\n values: [6, 9, 8, 5, 4, 9],\n color: 'rgba(141, 79, 79, 0.5)'\n },\n kapha: {\n title: \"Kapha (Erde & Wasser)\",\n description: \"Ruhig, stabil, mitf\u00fchlend. Neigt zu Tr\u00e4gheit, Anhaftung und Antriebslosigkeit.\",\n values: [4, 5, 9, 3, 5, 6],\n color: 'rgba(79, 115, 141, 0.5)'\n }\n },\n gunas: {\n sattva: {\n title: \"Sattva (Harmonie)\",\n description: \"F\u00f6rdert Frieden, Freude, Klarheit, Mitgef\u00fchl und spirituelles Wachstum.\",\n values: [9, 9, 8, 9, 8],\n color: 'rgba(253, 224, 71, 0.5)'\n },\n rajas: {\n title: \"Rajas (Aktivit\u00e4t)\",\n description: \"Treibt Ehrgeiz, Unruhe, Stress und Verlangen an. F\u00fchrt zu \u00dcberstimulation.\",\n values: [8, 5, 4, 8, 9],\n color: 'rgba(239, 68, 68, 0.5)'\n },\n tamas: {\n title: \"Tamas (Tr\u00e4gheit)\",\n description: \"Verursacht Lethargie, Depression, Ignoranz und Anhaftung.\",\n values: [3, 2, 9, 3, 2],\n color: 'rgba(107, 114, 128, 0.5)'\n }\n },\n mind: {\n buddhi: { title: \"Buddhi (H\u00f6herer Geist)\", content: \"Buddhi ist die F\u00e4higkeit zu entscheiden, zu urteilen und zu unterscheiden. Es ist die T\u00fcr zur inneren Weisheit und sollte die leitende Kraft im Geist sein. Eine klare Buddhi f\u00fchrt zu weisen Entscheidungen und Selbstkontrolle.\" },\n ahamkara: { title: \"Ahamkara (Ego)\", content: \"Ahamkara ist der 'Ich-Macher', das Prinzip der Individualit\u00e4t. Es identifiziert sich mit Erfahrungen und Eindr\u00fccken und erzeugt das Gef\u00fchl eines getrennten Selbst. Ein dominantes Ego kann zu Angst, Stolz und Leid f\u00fchren.\" },\n manas: { title: \"Manas (Verarbeitender Geist)\", content: \"Manas ist der sensorische Geist, der Informationen von der Au\u00dfenwelt \u00fcber die Sinne empf\u00e4ngt. Es verarbeitet diese Eindr\u00fccke und agiert als Bildschirm des Bewusstseins, ist aber f\u00fcr sich allein ein schlechter Entscheidungstr\u00e4ger.\" },\n chitta: { title: \"Chitta (Speicher)\", content: \"Chitta ist die Speicherbank des Geistes, ein unbewusstes Reservoir f\u00fcr alle vergangenen Eindr\u00fccke und Erfahrungen (Samskaras). Diese gespeicherten Muster sind die Wurzel unserer Gewohnheiten und Konditionierungen.\" }\n },\n therapies: {\n body: [\n { title: \"Ern\u00e4hrung & Kr\u00e4uter\", content: \"Eine individuell auf das Dosha abgestimmte Ern\u00e4hrung und der Einsatz von Heilkr\u00e4utern (Medhya Rasayanas wie Ashwagandha, Brahmi) bilden die Grundlage, um K\u00f6rper und Geist zu n\u00e4hren und ins Gleichgewicht zu bringen.\" },\n { title: \"Massage (Abhyanga)\", content: \"Die Selbstmassage mit warmem \u00d6l beruhigt das Nervensystem, l\u00f6st Spannungen, f\u00f6rdert die Durchblutung und st\u00e4rkt die Verbindung zum eigenen K\u00f6rper.\" },\n { title: \"Pancha Karma\", content: \"Ein tiefgreifendes, systematisches Reinigungsverfahren, um angesammelte Giftstoffe (Ama) aus dem K\u00f6rper zu entfernen und die Doshas zu harmonisieren, was zu mentaler Klarheit und Verj\u00fcngung f\u00fchrt.\" },\n ],\n subtle: [\n { title: \"Farben (Chromotherapie)\", content: \"Farben haben spezifische Schwingungen, die den Geist beeinflussen. Warme Farben wirken anregend, k\u00fchle Farben beruhigend. Die bewusste Wahl von Farben in Kleidung und Umgebung kann die Gunas und Doshas ausgleichen.\" },\n { title: \"Edelsteine\", content: \"Edelsteine tragen spezifische planetarische Energien und k\u00f6nnen als feinstoffliche Werkzeuge eingesetzt werden, um den Geist zu n\u00e4hren, zu sch\u00fctzen und auszugleichen, oft in Form von Schmuck oder Lichttherapie.\" },\n { title: \"D\u00fcfte (Aromatherapie)\", content: \"\u00c4therische \u00d6le wirken direkt auf das limbische System im Gehirn und k\u00f6nnen Emotionen und mentale Zust\u00e4nde kraftvoll beeinflussen. D\u00fcfte werden Dosha-spezifisch ausgew\u00e4hlt, um zu beruhigen, zu k\u00fchlen oder zu stimulieren.\" },\n ],\n spiritual: [\n { title: \"Mantren\", content: \"Mantren sind heilige Kl\u00e4nge, deren Schwingungen den Geist beruhigen, negative Denkmuster aufl\u00f6sen und eine Verbindung zu h\u00f6heren Bewusstseinsebenen schaffen. Die Rezitation fokussiert den 'Affengeist' und schafft Raum f\u00fcr Klarheit.\" },\n { title: \"Beratung & Verhaltens\u00e4nderung\", content: \"Vedisches Counseling ist ein Prozess der Selbsterforschung (Atma-vichara), der hilft, die innere Intelligenz zu aktivieren und ungesunde Gewohnheiten und Denkmuster aufzugeben.\" },\n ]\n },\n yoga: {\n yamas: { title: \"1. Yamas - Ethische Disziplin\", content: \"Die Yamas sind universelle moralische Gebote, die das Verhalten gegen\u00fcber anderen regeln. Dazu geh\u00f6ren Gewaltlosigkeit (Ahimsa), Wahrhaftigkeit (Satya), Nicht-Stehlen (Asteya), M\u00e4\u00dfigung (Brahmacharya) und Nicht-Besitzen (Aparigraha).\" },\n niyamas: { title: \"2. Niyamas - Selbstdisziplin\", content: \"Die Niyamas sind Regeln f\u00fcr die pers\u00f6nliche Praxis und Disziplin. Sie umfassen Reinheit (Saucha), Zufriedenheit (Santosha), Askese (Tapas), Selbststudium (Svadhyaya) und Hingabe an eine h\u00f6here Macht (Ishvara Pranidhana).\" },\n asana: { title: \"3. Asana - K\u00f6rperhaltungen\", content: \"Asanas sind die bekannten K\u00f6rperhaltungen des Yoga. Sie dienen dazu, den K\u00f6rper zu st\u00e4rken, flexibel zu machen und auf die Meditation vorzubereiten, indem sie physische und energetische Blockaden l\u00f6sen.\" },\n pranayama: { title: \"4. Pranayama - Atemkontrolle\", content: \"Pranayama bezeichnet die bewusste Regulierung des Atems. Diese Techniken dienen dazu, die Lebensenergie (Prana) zu lenken, das Nervensystem zu beruhigen und den Geist auf die Konzentration vorzubereiten.\" },\n pratyahara: { title: \"5. Pratyahara - R\u00fcckzug der Sinne\", content: \"Hierbei wird die Aufmerksamkeit bewusst von der \u00e4u\u00dferen Welt und den Sinneseindr\u00fccken nach innen gelenkt. Es ist der erste Schritt zur Beherrschung des Geistes und zur Meditation.\" },\n dharana: { title: \"6. Dharana - Konzentration\", content: \"Dharana ist die F\u00e4higkeit, den Geist auf einen einzigen Punkt oder ein einziges Objekt zu fokussieren, ohne abgelenkt zu werden. Dies ist die Vorstufe zur Meditation.\" },\n dhyana: { title: \"7. Dhyana - Meditation\", content: \"Dhyana ist ein Zustand ununterbrochenen Flusses der Konzentration. Der Geist ist ruhig und wach, aber ohne Anstrengung auf das Meditationsobjekt gerichtet. Der Beobachter und das Beobachtete beginnen zu verschmelzen.\" },\n samadhi: { title: \"8. Samadhi - Erleuchtung\", content: \"Samadhi ist der Zustand der Vereinigung, in dem die Trennung zwischen dem individuellen Selbst und dem universellen Bewusstsein aufgehoben ist. Es ist ein Zustand transzendentalen Bewusstseins und reiner Gl\u00fcckseligkeit.\" }\n }\n };\n \n let doshaChartInstance, gunaChartInstance;\n\n const chartOptions = {\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: { display: true, color: 'rgba(0, 0, 0, 0.1)' },\n suggestedMin: 0,\n suggestedMax: 10,\n grid: { color: 'rgba(0, 0, 0, 0.1)' },\n pointLabels: { font: { size: 12 }, color: '#4A4A4A' },\n ticks: { display: false }\n }\n },\n plugins: {\n legend: { display: false }\n }\n };\n\n function createDoshaChart(doshaKey) {\n if (doshaChartInstance) {\n doshaChartInstance.destroy();\n }\n const doshaData = data.doshas[doshaKey];\n const ctx = document.getElementById('doshaChart').getContext('2d');\n doshaChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['Kreativit\u00e4t', 'Intelligenz', 'Stabilit\u00e4t', 'Sensibilit\u00e4t', 'Unruhe', 'Ehrgeiz'],\n datasets: [{\n label: doshaData.title,\n data: doshaData.values,\n backgroundColor: doshaData.color,\n borderColor: doshaData.color.replace('0.5', '1'),\n borderWidth: 2,\n pointBackgroundColor: doshaData.color.replace('0.5', '1'),\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: doshaData.color.replace('0.5', '1')\n }]\n },\n options: chartOptions\n });\n document.getElementById('dosha-title').textContent = doshaData.title;\n document.getElementById('dosha-desc').textContent = doshaData.description;\n }\n\n function createGunaChart(gunaKey) {\n if (gunaChartInstance) {\n gunaChartInstance.destroy();\n }\n const gunaData = data.gunas[gunaKey];\n const ctx = document.getElementById('gunaChart').getContext('2d');\n gunaChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['Klarheit', 'Frieden', 'Tr\u00e4gheit', 'Verlangen', 'Aktivit\u00e4t'],\n datasets: [{\n label: gunaData.title,\n data: gunaData.values,\n backgroundColor: gunaData.color,\n borderColor: gunaData.color.replace('0.5', '1'),\n borderWidth: 2,\n pointBackgroundColor: gunaData.color.replace('0.5', '1'),\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: gunaData.color.replace('0.5', '1')\n }]\n },\n options: chartOptions\n });\n document.getElementById('guna-title').textContent = gunaData.title;\n document.getElementById('guna-desc').textContent = gunaData.description;\n }\n\n createDoshaChart('vata');\n createGunaChart('sattva');\n\n document.querySelectorAll('.dosha-btn').forEach(button => {\n button.addEventListener('click', (e) => createDoshaChart(e.target.dataset.dosha));\n });\n document.querySelectorAll('.guna-btn').forEach(button => {\n button.addEventListener('click', (e) => createGunaChart(e.target.dataset.guna));\n });\n\n const navButtons = document.querySelectorAll('.nav-button');\n const sections = document.querySelectorAll('.content-section');\n navButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.dataset.target;\n\n navButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n sections.forEach(section => {\n section.classList.remove('active');\n if (section.id === targetId) {\n section.classList.add('active');\n }\n });\n });\n });\n\n const mindComponents = document.querySelectorAll('.mind-component');\n const mindDetailsContainer = document.getElementById('mind-details-container');\n mindComponents.forEach(comp => {\n comp.addEventListener('click', () => {\n const mindKey = comp.dataset.mind;\n const mindData = data.mind[mindKey];\n mindDetailsContainer.innerHTML = `\n <div class=\"bg-white p-6 rounded-xl shadow-lg transition-opacity duration-500 animate-fade-in\">\n <h3 class=\"text-2xl font-bold text-gray-800 mb-3\">${mindData.title}<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">${mindData.content}<\/p>\n <\/div>`;\n \n mindComponents.forEach(c => c.classList.remove('ring-2', 'ring-offset-2', 'ring-orange-400'));\n comp.classList.add('ring-2', 'ring-offset-2', 'ring-orange-400');\n });\n });\n\n const therapyBody = document.getElementById('therapy-body');\n data.therapies.body.forEach(item => {\n therapyBody.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n const therapySubtle = document.getElementById('therapy-subtle');\n data.therapies.subtle.forEach(item => {\n therapySubtle.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n const therapySpiritual = document.getElementById('therapy-spiritual');\n data.therapies.spiritual.forEach(item => {\n therapySpiritual.innerHTML += `<div><h4 class=\"font-bold text-lg text-gray-700\">${item.title}<\/h4><p>${item.content}<\/p><\/div>`;\n });\n \n document.querySelectorAll('.accordion-header').forEach(button => {\n button.addEventListener('click', () => {\n const content = button.nextElementSibling;\n const icon = button.querySelector('span:last-child');\n \n button.parentElement.parentElement.querySelectorAll('.accordion-content').forEach(item => {\n if (item !== content) {\n item.style.maxHeight = null;\n item.previousElementSibling.querySelector('span:last-child').classList.remove('rotate-45');\n }\n });\n\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n icon.classList.remove('rotate-45');\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n icon.classList.add('rotate-45');\n } \n });\n });\n \n const yogaPathItems = document.querySelectorAll('.yoga-path-item');\n const yogaDetails = document.getElementById('yoga-details');\n yogaPathItems.forEach(item => {\n item.addEventListener('click', () => {\n const pathKey = item.dataset.path;\n const pathData = data.yoga[pathKey];\n yogaDetails.innerHTML = `<h3 class=\"font-bold text-xl mb-2\">${pathData.title}<\/h3><p>${pathData.content}<\/p>`;\n \n yogaPathItems.forEach(i => i.classList.remove('ring-2', 'ring-offset-2', 'ring-orange-400'));\n item.classList.add('ring-2', 'ring-offset-2', 'ring-orange-400');\n });\n });\n\n});\n<\/script>\n<p>\nBeitrag \u00fcber Yoga und ganzheitliches Coaching . Weiterlesen\n\n\n<a href=\"http:\/\/www.jyotishi.de\/neu\/yoga-und-ganzheitliches-coaching\/\">Yoga und ganzheitliches Coaching<\/a>\n„`\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interaktiver Leitfaden zur Vedischen Psychologie Vedische Psychologie Ein interaktiver Leitfaden zur Heilung des Geistes Einf\u00fchrung Grundlagen Der Geist Therapien Der Yoga Pfad Eine Reise ins Bewusstsein Willkommen zu einer Entdeckungsreise in die vedische und ayurvedische Psychologie. W\u00e4hrend der Westen die ayurvedische Naturheilkunde und K\u00fcche bereits sch\u00e4tzt, entdecken wir nun das tiefgreifende System der yogischen Psychologie […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/comments?post=2496"}],"version-history":[{"count":6,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496\/revisions"}],"predecessor-version":[{"id":2509,"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/pages\/2496\/revisions\/2509"}],"wp:attachment":[{"href":"http:\/\/www.jyotishi.de\/neu\/wp-json\/wp\/v2\/media?parent=2496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}