From 7754370a702a52bc103294081fb4363a767977de Mon Sep 17 00:00:00 2001
From: Matthias Puchstein <matthias@puchstein.bayern>
Date: Thu, 17 Jul 2025 03:34:06 +0200
Subject: [PATCH] =?UTF-8?q?swapped=20colors=20and=20labels=20for=20"Sexuel?=
 =?UTF-8?q?le=20Tr=C3=A4ume"=20and=20"Flugtr=C3=A4ume"=20for=20consistent?=
 =?UTF-8?q?=20data=20representation=20and=20accuracy=20in=20`Technology`?=
 =?UTF-8?q?=20visualization?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
---
 src/pages/dreamarchive/Technology.tsx | 36 +++++++++++++--------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/pages/dreamarchive/Technology.tsx b/src/pages/dreamarchive/Technology.tsx
index 7f382f0..dc1052d 100644
--- a/src/pages/dreamarchive/Technology.tsx
+++ b/src/pages/dreamarchive/Technology.tsx
@@ -11,8 +11,8 @@ import * as d3 from 'd3';
 const dreamTypesData = [
     {type: "Angstträume", percentage: 34, color: "#ef4444", darkColor: "#dc2626", note: "Global durchschnittlich"},
     {type: "Soziale Träume", percentage: 28, color: "#3b82f6", darkColor: "#2563eb", note: "Kulturelle Variationen"},
-    {type: "Sexuelle Träume", percentage: 12, color: "#ec4899", darkColor: "#db2777", note: "Altersabhängig"},
     {type: "Flugträume", percentage: 18, color: "#a855f7", darkColor: "#9333ea", note: "Persönlichkeitsabhängig"},
+    {type: "Sexuelle Träume", percentage: 12, color: "#ec4899", darkColor: "#db2777", note: "Altersabhängig"},
     {type: "Verfolgungsträume", percentage: 8, color: "#f97316", darkColor: "#ea580c", note: "Stresskorreliert"}
 ];
 
@@ -392,23 +392,6 @@ export default function Technology() {
                                 </div>
                             </div>
 
-                            <div className="flex items-center">
-                                <div className="w-4 h-4 bg-pink-500 dark:bg-pink-600 mr-2"></div>
-                                <div className="flex-1">
-                                    <div className="flex justify-between">
-                                        <span className="text-sm font-bold">Sexuelle Träume</span>
-                                        <span className="text-sm">12%</span>
-                                    </div>
-                                    <div
-                                        className="relative h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
-                                        <div
-                                            className="absolute top-0 left-0 h-full bg-pink-500 dark:bg-pink-600 rounded-full"
-                                            style={{width: '12%'}}></div>
-                                    </div>
-                                    <p className="text-xs mt-1" style={getTextStyle('muted')}>Altersabhängig</p>
-                                </div>
-                            </div>
-
                             <div className="flex items-center">
                                 <div className="w-4 h-4 bg-purple-500 dark:bg-purple-600 mr-2"></div>
                                 <div className="flex-1">
@@ -427,6 +410,23 @@ export default function Technology() {
                                 </div>
                             </div>
 
+                            <div className="flex items-center">
+                                <div className="w-4 h-4 bg-pink-500 dark:bg-pink-600 mr-2"></div>
+                                <div className="flex-1">
+                                    <div className="flex justify-between">
+                                        <span className="text-sm font-bold">Sexuelle Träume</span>
+                                        <span className="text-sm">12%</span>
+                                    </div>
+                                    <div
+                                        className="relative h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
+                                        <div
+                                            className="absolute top-0 left-0 h-full bg-pink-500 dark:bg-pink-600 rounded-full"
+                                            style={{width: '12%'}}></div>
+                                    </div>
+                                    <p className="text-xs mt-1" style={getTextStyle('muted')}>Altersabhängig</p>
+                                </div>
+                            </div>
+
                             <div className="flex items-center">
                                 <div className="w-4 h-4 bg-orange-500 dark:bg-orange-600 mr-2"></div>
                                 <div className="flex-1">