From 28393570a6293a537f77d83c0c527b31d2deb20b Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 1 Feb 2025 22:18:40 +0100
Subject: [PATCH] favicon + new header

---
 project.json             |   3 +-
 public/favicon-16x16.png | Bin 993 -> 489 bytes
 public/favicon-32x32.png | Bin 1941 -> 562 bytes
 public/favicon-48x48.png | Bin 3306 -> 593 bytes
 src/app/app.component.ts |  54 ++++++++++++++++++++++++++++++++--
 src/assets/logo.svg      |  61 +++++++++------------------------------
 6 files changed, 67 insertions(+), 51 deletions(-)

diff --git a/project.json b/project.json
index bee67ce..1c53840 100644
--- a/project.json
+++ b/project.json
@@ -49,7 +49,8 @@
           {
             "glob": "**/*",
             "input": "public"
-          }
+          },
+          "src/assets"
         ],
         "styles": [
           "src/styles.scss"
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 6999bab83ecb455ce141fb4be949d016d4a6dd10..b91e844669ae3175052149cc394b98e058c6be3b 100644
GIT binary patch
delta 333
zcmaFJ{*rlue-eXtfKQ0)|NsBbUf#I+U}xjDB)u~Z*ADVN+bjJ4)w-|y+0X1(JacdM
z*S~)lcC2Jrwr2L#`wZoqxtdo0pE~uwzdvu&n*S^K|8JB1fA#ABojVyA7^XkpECQq$
zlf2zsBxYx}%1yRnlCNiC6cjMOP_gP8P%6pO#W6(Ua_Tuxp#}vWmIDeJ-8q~7{a>D>
zDOjR6`IWO!L;Z<O6E-#)xgF0tysMC5-&zi*Rkh(k3Ld#@Or!QC%=v!K=R#9K3*W;E
z#bccFmU8^naXNK9*;4V2bH2vbX&db=8PE8$O`f=AM+49{)e_f;lF9DOLgGfc28JPq
z=2nJgRtBcp1_o9J29ISEV<s0cOJS3n<Z$!B<b}+#%1HW5q568aev1a0&EV<k=d#Wz
Gp$Py-#fMS=

delta 875
zcmZvZTTD}T0LH)nx%Qm)lmewtgtnZvuAK;{g;K21*xE|VxCpkh)d59m1r(gnIYhQj
zG{NB|IH#G8c$vEqoe`bJiOC!fCQA$%yCl11iOZJE-A%T{EIy2FFI%#w@8Qeumwfr|
z(RcZY<}CSmZ9_B!fB>shSSH{-J632hZbMKHo?uXmBZUxYqA4nbAbRtt)duV?hgAzJ
zjoU^r1Z=pC_BXSG`zV)(IX+1i+m%9Qs0tK81&4Bx723xs{UVt~T8*>{G6gCSq8^V)
zS%IF}2tv>(Vt)acQWtHiNa}IG2)BxM^YkG#Iv9|eTB>hr+JgcOR*G<_AhjN|iZ~#H
z7a!rp#WGE(y81;rGF*p=5~zec-X7_;z^#RuZ!z&}t2r<OBa$)y)ihqWLlpA_M?7uK
zqDqI#;!I`nphtz28tl-xw#4x62+GxvMQCfsWQiP9VCo(-Z5cakL>Wiu<>7pZq}QOq
zfEOyk75EsPqr-|r3Tz3lE$%&RMVlU!rJQT+-Pr<5As)?vGndZw9;ekMWg3!_kusx9
zKtJpB^L5=EgQ;DRCCsgd#6d7eMMqNO9cD{vbK0h8gUxMYj`kpjM`8(HY(%aAt<FGm
znrfLOR-hw@G9&7pu;k;`(};O7*o<&B<~nEY|8?!A$LfOE&z6RdOq;XBoa<TUh)KN*
z&3q*2j~0EjIeCjKI`L8>{@JH@N3=~9{igPn&l10?BODJ#8=eTX)^Av2xX|9z?r(`C
zLb1lS)$7!bGjE+c|Hk%Ych|N}z3G0Uzx4LyYtyMqSGFiSpUez!;`Qq{-r21T4ZDWU
zKX~v5VIR`e-ce&98!*n!TIF-kQS+|p9rrcD^P0%}&Z(YNdwx53=faPZU*3E;I{V7k
zc@tM(OMP2#EcS`#>Qlc<maWF(mrrio@WtoLeKR-CHvMw%ryou$J3jozxvuln{K=YU
zZr@2<nI4`b_+G61?&rR_*@boXOemh|>dd5kn+H-00k`7z)Gt+BORHQ_m)Ga1@>SO?
zQ52t|{JK~7!GDOp?Oi?TU4Ik*3+(yo&22}gNU8N-GLQEk*-gXfi3J%Vp{C%)Kyvg?
Dq?zJi

diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index bbf06d8518b3c31f3e6b067d70fef96dc81a7141..8fed02f5bd05b500f57bbbbc907ae6ab58fa2ec9 100644
GIT binary patch
delta 499
zcmbQrzlmjnBnLAC1B1(wu45Aw_3NVod_r9R|NnpQ{>kuNo>y<~)jQ*`=7{9GlivRy
zwEW-4@c*>Y_5D&a4>->}kvQ}Do$KE|G8|dXFnK*g+eW$G-Pd1zW+>lWv|;i8J9qy3
z`!{dg@PCs0|5M@rA3y$IR0Omp%KDuFkYY^oc6X6|&0IJU$l)yTh%5%uK0rJ%kE5P}
zy~NYkmHj0Xqo5%B`(3N0f#P#KT^vI!PVc>RldoApfc3&gv9*0G7Hcf}`~Ur$j?AFQ
zH<NDsW{4@8$Hwq)@{^>=N352F&o;Sc&+OEpb3bcd;l~5L!8uza&f7N#ZJcE4psRhv
zh+)G+4~CuZBv^C<uYZ>flxAEqMT#x%1;dT{ISg)Vw{ri;vSIhR%y@%Wi=}Mwx5m#A
zb_Mf(S10t$oFAX}>`~)&?(O^8Pv1@J{5ttFL#(&V<ZUxFKps>rag8WRNi0dVN-jzT
zQVd20My9$3M!E)uA%^BwhGtd<rrHJuRt5%-WfNmiH00)|WTsUz#NyO3$>HV$pbibV
m6(yOusl_FUxdrI9m|Gc`Lu}d0(WC*?!{F)a=d#Wzp$Pyi=f^z&

delta 1832
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
WIxsLuS*D5r0000<MNUMnLSTY{O>n>f

diff --git a/public/favicon-48x48.png b/public/favicon-48x48.png
index 5aa2e9e4e6f3a92c891224de8bf41b510849fc85..8d1878261949b7fd2d2d620d9bb998841ea24a5d 100644
GIT binary patch
delta 497
zcmaDQd68v;BnLAC14F_c&aD#__3M)Zd_r9R|NnpQ{>iI1_lEEC)H~zQbWCm59-aSB
zXa4{7`u{$L|DVn*K46o2Fg5ksw$$6F7QedBaAY~d!Q~8FR|OtFcKy|7hVsoulMXRe
zZRBiQ{lBQ_zrQ~hkWsDwe}c>Z$B+NtxdXJX-gRjgkYY^oc6U+OoNe0x<Zu>vOiUH5
zXJ9Y!^mS!_$;2oq$WxI~G#Mzh$<xI##N+tgDX00G6$BWr-|FH&(#5|e?Dzlr$gqu_
zoC<2WN^>t8rR3=_{C6%0WXY2|v|6d;^K#z2NgWd^rWz^=S|v}=S+d$^>Idx;D^${1
zS2aDYIJJgx?|FleoS85E0*X9CnXicYJ<U5%FTI2{<9XwMErD2dK34e}u3zm(L>|Px
zk5y=Ml;PUu|9E%fyUJ+hyG)Txf4icX{;EF+{xGHI_W25zbRH9NwfbWTRhnw%?@jYV
zbsg3ww+6Zcov&Kr8c~vxSdwa$T$Bo=7>o>zOmz*6bPWtc49%?!&8!SewG9lc3=AI2
y8Yjk}=*Z1a$xN%ntz(kI%?FcL@yIH}O#>Qe1Tjr{)>=WJVGN$GelF{r5}E*GD8@Vh

delta 3203
zcmV-}41Dv^1nL=(83+ad00374`G=7qFMkGNOGiWi000000Qp0^e*gdg32;bRa{vGU
za{vGUa{v^^b7%kn3&=@CK~!ko<(hev)YX;8Kfm9vezkX3S9jAp-3{GMFA_vq1OXKS
z0xk(6BcWMjFk_E79y1XflQC!DoGiwZNit(1Npxg}4AE!|Fbpb_h(?)2Lkwc#hJQ37
zi(sR6H}qQFRrQ@eennSRZ_sLH#xw7ndrsB8_uY5D@7;IbyRXUs#3#6!|Jx4yzX#y@
zxDAf7pvD6QHUwSJ5`*onjx1n7N9_L?0IvZa15U?bvKM||0ayt#;knKvfTt!vi65S6
zg@1n^cD@IZ_(vQ6Lx)hl1^0yEWPdr_8FqO4BXEYK^H|WHk|Jt?P~wA?CGglJcxN7D
zyFcm_I$7wv$!(y!GEqkvQU%gDbhHAQ3Hj_Gy2y`mT#l}h;F|`jFF+gXP~#Oy*P^Xc
zlXfr9L$*0GUlKI34nYGQEpeRhtwdXj&~*RE2fj2LRcAP#Ycf$}8G7kzG=DDh&jetC
zo&3BwfSxQyRqjD_-5!~>6J%aCPu7wZGOw5?Kt@ik@COF9efLD9RY<GRnN?`v=#Lq|
zG9T(4jlPyOxZLn($aT#M8No~$Svm6k*AaR59+&qI$7SDhp8#3w?vne}Lvn4}EVI5|
z1cPZd8mdv}YNVS{PXn4!cz=EX&Y6X-_QK{Ia9MD37Tntg@10GBwi|oljo9_KVT7}Z
zbafKly_NX>7a`zBEltFKy9WRxkO8I}bJiS;OQxaSyHR&H7zXtA^5X-ruNfY{8Xi3i
z&%gUIY~mUhYAZo1M@{9Zx?jkcr8Nrv;+TRvPRRGb9=T>*HSBB|<9}*p-SS0QD_1-H
z*Q}BC+%qz&D*JQ_Qub4}7nO%TLI~CSQKSrYjzyC^Da&@@Tv_9$2#{y_U9#t|6qajb
zo6j)h+Vv~hM~=$%#;Y<uJts|mNg;as7PS8+<hDM-9+=`mOEZ$+?FsV~`sd@yxc84T
zvkM39Gu}qa{pj`}x_{k|mV3|zgE(R2<jVEvFJvD%D(l}i3)4*QiHS&GLHa8C^2`we
z$g|KzgJc-1uv($-y{W7RPRie~QMl|rnb$yfWTVD%q_Ie4NF_)`Ncl*)s4;}rx{){4
zu5HU)x=grS4iy&k$$nXnv>vs873Bp+0N|dmljnC7BP$g^et)Gx>z`L}?e;Y1FAbn0
zHAr=+vl{(J5n3BU^#Lag*9FneEYy{Q6h?0c(X{?65(>$+<)^Zqdq&uf?V4N^-GKBB
z^tCI`6M)x1&10Msc1uypa{EGwl$j+XnA69<AscmHjA9ef_lr=TE7hKnAm@9&i8cmN
zER4D`(GpjBIDgrD_sKqTROXt$?Bm~i4Z8Dkl;Jr~0DlogszRzk(|ifz-b{t>dQHJ)
z8~cC&x-<iIPetvM(PsuZBaA?)4FBi>{6%imp5=f@T?upfD%o!xmA&sJkr5oq;o;AL
z&jbMr8e{N6m&5anUxew+!BsdBMLGcRneekZuw8J&Yk#n#bzpw>1TFwXcjvJ*{`MYN
z2|N~nhka1f4iO;!$U~TyOeel;C-n68=@(|goGNhJ@Gmc<k1+timNsZL;GL9vySr)u
zMhqhReh%>{0Jn~Y(SEq^80=_a(3at;a{#bwfNWb2-0z0Jw&7Mce5VJ9Mv2~bi=z+<
zK_mje`hNw`Fbj^f4g@ghChkwZi&rbOVympYnm%6ROw=_S<++FMS6#MA)nyM3DK9Xc
zjs0fIVP#~6Wk0%8?mr#uyF0Czf^;9!k5F!~-(i}HB-esEFSw0#gkAgomD5`m6Fc<=
z0OK>DA_Jakg;PBY*$Sd{<VWj<l)oE?r(;lMLw}u>n9bG}jJzUnc`<5g0eHQMz9Ol*
zFx^HPfGdLVYAtkJ1mQ$**+o;yT(}Y6q?`NnCWIVg&$cp5GboAFP#UQNj3Kpt9d&G7
zm=er7bO<8`MoB3EM_ZBr3PS1q)Am3xQAxQh=uDJ)u5c~haZ4~gA-eu>KLABO$Jp`6
z(0}e{7^BH=3nf06(57R9>K%_ewu-D205ANO_<K!o;sgM#o$%#taH<Vne0!J`z(^uZ
zS`$XpfRx%*hSSp+rXbC6)k2^b0=?w8h7KbmVJkJ5jmkQ#d5bVAs~sl|_|{U`)Bv;l
znM!k^T}c4J1c-Qh6ZA$gQZnwzh@(^N8-E%=FsF)^iVj*TItb)c4yjjSJGM@yOpqB2
zLku|620&(F#WA6+->RpD(6Jua(*Xy%!AgW}<oIry?k^&7=mGF@t7Gu;Jotx$gF9xI
zjiF_1Cjf3^3=DC<zryd>dO4Z)F-j^hqM+kP0VvI-?~&l$)58GxT{~R%$9^Nkqkov*
zTs-9q=sEctVy6%D>S<`~gt>)~?}euBK|HG~rKQ+8^zfF#-hnEGE|`-62P5#>SpY5<
z(aqn-obhSm2VV!Ewm2CXZ@iOkW6&se889X#JhEo|fY9{s;j38O$NSMC@VepeFBrst
zVbC+Bkd}&0S}Ho}nNpkx_Vl(PAAdX+{P0W)GZrJdbrU^nmqV8`0q?cJFJFPzPQV9k
z1BXjH815)TZF8NckF!rA{>oJ<T=l+2UH>~_IyXhHh2CC_V$0B?;(pie{Cthx^P4oX
z^77Jjt`DR5M0BVcd5i?#vgO;jTi*2#$|xB-@NQ)cJPZe{z~OEPx}Ae+dVjXV>pHTH
zc;^RL?tJX9lLoqD@VPzEW5AXfu&B6S_#`&)S)#7APkeng{G<XR27K-qL=xM}zH$Xt
zNiAmeWcc7zU;G#6BxYI++R_ktOw_yp>9gpeDJlHC88W@O&UZ6eJ}xOkUG>gN{BSZV
z@FH?E#iYt~%FR@v8~wNn#eZj@uBm8oIJL0xDEPpB1-G4$eRc9W{m42L-G&~ya|8v=
zx9X4<qv#S;o>mDN3XZ>BISY2mFx|=eH5VPe4yhh>EkTdZM0Zr7`Vv%MjP4kNp12rw
z&qkV!-kOT01_zGonmk|ryB`;p6Q*^eQEWTXPV~*yBLI-^K?fF~8-Ggs#kRj#1&iNO
z;qv#DHS7K~5FQJytwRT|MOuoq1nD|wC3OwbLiFZL^rcc~mHX_v-14pXrmV`ziDExl
z7w`VM<9ypzG-`;~3F9n^{>?NXo{(gFpgD1Xcnju|ec4ZuZPEI|t#lpw*?_)vA()s2
z`EJL0Q#ZWS3a_{K8-F7+4}ZghxW-K;9_ym*&S~hh6Z;d&;rIUtZV&wJCiwQx8L|y|
z-8DdKFL0jwri@A{I}7G2H0j#{L-wf2^4F~C%T6O9-=g&j|KMGPzI#CS_&EdQQ>)Ro
z4ajy4YiDR-X~1z_H=|RlQB8QDPR^B&CsOQQ1und8`0}q{ynlSN*D3S!TV=RBGBZXg
zW9=?k`N@Z^+7h&8-uX|01#B2<X-@aT{${vg9Ax-lX*K-%9XOFVU@<IA(}$gN5mulW
z5vBXkWB4aD5WI9fp0RWBR9s1<@d-TRt|GK@EAFu~FvF$9yPN54+(XavTTn+c0Mn}B
zSKokTb08|%^M5DK+0OYk`s6WK^)&osK4b?Vkotp!VsspQfX>4Y<14?8Sl3Aa+_{r*
z=T8R<WJNi%>sDedhau8KPvf)n9Nb0ZmF;QceBmni?q7k&3%!EI6X$mRoO>XZ7M7!R
zDd)o9Om*IE1`U;PoqSbG<sW~O{GYl>7?v<B8Mc2={eRp{)cOe0lj!tzG=IwZhtPQg
zNTpe&D8Al#bb4qhnpr;hF+UU;2AWli?)^Nn5-IhIi_pG}sH%8mz6_a0hif-p2=`qJ
zfs}jt-~A`ty&Faap)?zgG(%hBmKqoI#$ZAzd|^H;xERU`oWAwnfrp<3%LLPe-ss4D
z`B1-7Zhw9mo@|6K&4PyM5DvojR~*?jpMp&{lC113`0PKyj(t#F1P$|({N@e_XE^<0
zafe3QKJ?G5r#j#(yI{jpa9Ks-<p8KINOv9!GX0M1jT6qwJpBsn*b7g*2t6a5@&4^Y
zh0t&<%MW!$P!x7juYl(cz*|ip=O}+h0RPkN6A=GjiBCL${|3Ru^Fu4^b0?Fp0U8%E
zEi*AxF*iCjGdeUjD=;uRFfj0g5YUt00U8%EEi*AxF*iCjGdeUjD=;uRFff7MsBDuF
p0v#hUEi*AxF*iCjGdeXfD=;uRFfiZ7x1#_6002ovPDHLkV1kJv3C#ci

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 51d1cac..89eb238 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -9,7 +9,25 @@ import { PopoverService } from './services/popover.service';
 @Component({
   selector: 'app-root',
   template: `
-    <div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-r from-blue-500 to-purple-600 text-white">
+    <!-- <div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-r from-blue-500 to-purple-600 text-white">
+      <div class="text-center">
+        <h1 class="text-5xl font-bold mb-4">Master Your Learning</h1>
+        <p class="text-xl mb-8">Learn smarter, not harder. Start your journey today</p>
+        <button (click)="loginWithGoogle()" class="bg-white text-blue-600 px-6 py-3 rounded-lg shadow-lg hover:bg-gray-100 transition duration-300 flex items-center justify-center">
+          <svg class="w-6 h-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+            <path
+              fill="#FFC107"
+              d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
+            />
+            <path fill="#FF3D00" d="M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z" />
+            <path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z" />
+            <path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z" />
+          </svg>
+          Login with Google
+        </button>
+      </div>
+    </div> -->
+    <div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center" style="background: linear-gradient(to right, rgba(0, 119, 179, 0.95), rgba(255, 255, 255, 0.95));">
       <div class="text-center">
         <h1 class="text-5xl font-bold mb-4">Master Your Learning</h1>
         <p class="text-xl mb-8">Learn smarter, not harder. Start your journey today</p>
@@ -28,7 +46,7 @@ import { PopoverService } from './services/popover.service';
       </div>
     </div>
 
-    <div *ngIf="isLoggedIn" class="container mx-auto p-4">
+    <!-- <div *ngIf="isLoggedIn" class="container mx-auto p-4">
       <div class="flex justify-center items-center mb-8">
         <h1 class="text-3xl font-bold mx-auto">Haiky Spaced Repetition Training</h1>
         <div class="relative" appClickOutside (clickOutside)="showDropdown = false">
@@ -44,7 +62,39 @@ import { PopoverService } from './services/popover.service';
         </div>
       </div>
       <app-deck-list></app-deck-list>
+    </div> -->
+    <div *ngIf="isLoggedIn" class="bg-white shadow mb-4">
+      <div class="container mx-auto px-4 py-2 flex justify-between items-center">
+        <!-- Logo und Name -->
+        <div class="flex items-center space-x-2">
+          <img src="../assets/logo.svg" alt="Logo" class="w-10 h-10" />
+          <span class="text-xl font-bold">Haiky</span>
+        </div>
+
+        <!-- Navigation -->
+        <div class="hidden md:flex space-x-6">
+          <!-- <a href="#" class="text-gray-700 hover:text-gray-900">Kompakt</a>
+          <a href="#" class="text-gray-700 hover:text-gray-900">Umwandeln</a>
+          <a href="#" class="text-gray-700 hover:text-gray-900">Zusammenführen</a>
+          <a href="#" class="text-gray-700 hover:text-gray-900">Bearbeiten</a>
+          <a href="#" class="text-gray-700 hover:text-gray-900">KI PDF</a> -->
+          <span class="text-xl font-bold">Spaced Repetition Training</span>
+        </div>
+
+        <!-- User-Bereich -->
+        <div appClickOutside class="relative">
+          <img *ngIf="photoURL" [src]="photoURL" alt="User Photo" class="w-10 h-10 rounded-full cursor-pointer" (click)="toggleDropdown()" referrerpolicy="no-referrer" crossorigin="anonymous" />
+          <div *ngIf="!photoURL" class="image-placeholder w-10 h-10 rounded-full cursor-pointer bg-gray-300"></div>
+
+          <!-- Dropdown -->
+          <div *ngIf="showDropdown" class="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10">
+            <button (click)="logout()" class="block w-full text-left px-4 py-2 text-gray-700 hover:bg-gray-100">Abmelden</button>
+          </div>
+        </div>
+      </div>
     </div>
+    <app-deck-list *ngIf="isLoggedIn"></app-deck-list>
+
     <app-popover
       [visible]="popoverVisible"
       [title]="popoverTitle"
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
index 9d9d1a8..d913b54 100644
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@@ -1,54 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
-  <!-- Definitionen für Gradienten und Stile -->
-  <defs>
-    <!-- Hauptpfeil-Gradient - Intensivere Farben -->
-    <linearGradient id="arrowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#0066FF"/>
-      <stop offset="50%" style="stop-color:#7B00FF"/>
-      <stop offset="100%" style="stop-color:#00FFB3"/>
-    </linearGradient>
-    
-    <!-- Kreisgradienten - Intensivere Farben -->
-    <linearGradient id="circle1Gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#FF0000"/>
-      <stop offset="100%" style="stop-color:#FFD700"/>
-    </linearGradient>
-    
-    <linearGradient id="circle2Gradient" x1="100%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#00FFE0"/>
-      <stop offset="100%" style="stop-color:#1E3DEE"/>
-    </linearGradient>
-    
-    <linearGradient id="circle3Gradient" x1="0%" y1="100%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#FF6B00"/>
-      <stop offset="100%" style="stop-color:#FF0000"/>
-    </linearGradient>
-  </defs>
-
-  <!-- Hintergrund - Dunklerer Hintergrund für mehr Kontrast -->
-  <rect width="40" height="40" fill="#000000"/>
+  <!-- Hintergrund -->
+  <rect width="40" height="40" fill="#ffffff"/>
   
-  <!-- Äußerer Kreis - Dickere Linien -->
-  <circle cx="20" cy="20" r="16" 
-          stroke="url(#circle1Gradient)" 
-          stroke-width="2"
-          stroke-dasharray="4,2"
-          fill="none"/>
+  <!-- Basis H - Rot -->
+  <path d="M6 4 H14 V16 H26 V4 H34 V36 H26 V24 H14 V36 H6 Z" fill="#FF4F4F"/>
   
-  <!-- Mittlerer Kreis -->
-  <circle cx="20" cy="20" r="12" 
-          stroke="url(#circle2Gradient)" 
-          stroke-width="1.75"
-          stroke-dasharray="3,1.5"
-          fill="none"/>
+  <!-- Grünes Element -->
+  <path d="M6 4 H14 V16 H26 V4 H34 V20 H6 Z" fill="#2ECC40"/>
   
-  <!-- Innerer Kreis -->
-  <circle cx="20" cy="20" r="8" 
-          stroke="url(#circle3Gradient)" 
-          stroke-width="1.5" 
-          fill="none"/>
+  <!-- Gelber Bereich -->
+  <path d="M10 8 H16 V16 H24 V8 H30 V32 H24 V24 H16 V32 H10 Z" fill="#FFBE00"/>
   
-  <!-- Kleinerer dynamischer Pfeil im innersten Kreis -->
-  <path d="M20,14 L18,26 L22,26 Z" 
-        fill="url(#arrowGradient)"/>
+  <!-- Jadegrüner Bereich -->
+  <path d="M12 12 H18 V16 H22 V12 H28 V28 H22 V24 H18 V28 H12 Z" fill="#00C4A7"/>
+  
+  <!-- Innerstes blaues Element -->
+  <path d="M14 14 H19 V16 H21 V14 H26 V26 H21 V24 H19 V26 H14 Z" fill="#0077B3"/>
 </svg>
\ No newline at end of file