diff --git a/__pycache__/app.cpython-313.pyc b/__pycache__/app.cpython-313.pyc
index 1f036d5..c3c2318 100644
Binary files a/__pycache__/app.cpython-313.pyc and b/__pycache__/app.cpython-313.pyc differ
diff --git a/templates/base.html b/templates/base.html
index 46e6551..4f6df29 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -459,7 +459,17 @@
                                 {% if current_user.avatar %}
                                 <img src="{{ current_user.avatar }}" alt="{{ current_user.username }}" class="w-full h-full object-cover">
                                 {% else %}
-                                <img src="{{ url_for('static', filename='img/default-avatar.svg') }}" alt="{{ current_user.username }}" class="w-full h-full object-cover">
+                                <svg width="100%" height="100%" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                  <circle cx="100" cy="100" r="98" fill="url(#user-gradient)" stroke="#7C3AED" stroke-width="4"/>
+                                  <circle cx="100" cy="80" r="36" fill="white"/>
+                                  <path d="M100 140C77.9086 140 60 157.909 60 180H140C140 157.909 122.091 140 100 140Z" fill="white"/>
+                                  <defs>
+                                    <linearGradient id="user-gradient" x1="0" y1="0" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+                                      <stop offset="0" stop-color="#8B5CF6"/>
+                                      <stop offset="1" stop-color="#3B82F6"/>
+                                    </linearGradient>
+                                  </defs>
+                                </svg>
                                 {% endif %}
                             </div>
                             <span class="hidden md:block">{{ current_user.username }}</span>
diff --git a/templates/community/post.html b/templates/community/post.html
index 695b4db..0f65c66 100644
--- a/templates/community/post.html
+++ b/templates/community/post.html
@@ -163,7 +163,17 @@
             {% if post.author.avatar %}
               <img src="{{ post.author.avatar }}" alt="{{ post.author.username }}" class="w-full h-full object-cover">
             {% else %}
-              {{ post.author.username[0].upper() }}
+              <svg width="100%" height="100%" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="100" cy="100" r="98" fill="url(#post-avatar-gradient)" stroke="#7C3AED" stroke-width="4"/>
+                <circle cx="100" cy="80" r="36" fill="white"/>
+                <path d="M100 140C77.9086 140 60 157.909 60 180H140C140 157.909 122.091 140 100 140Z" fill="white"/>
+                <defs>
+                  <linearGradient id="post-avatar-gradient" x1="0" y1="0" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+                    <stop offset="0" stop-color="#8B5CF6"/>
+                    <stop offset="1" stop-color="#3B82F6"/>
+                  </linearGradient>
+                </defs>
+              </svg>
             {% endif %}
           </div>
           
@@ -259,7 +269,17 @@
                   {% if reply.author.avatar %}
                     <img src="{{ reply.author.avatar }}" alt="{{ reply.author.username }}" class="w-full h-full object-cover">
                   {% else %}
-                    {{ reply.author.username[0].upper() }}
+                    <svg width="100%" height="100%" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <circle cx="100" cy="100" r="98" fill="url(#reply-avatar-gradient)" stroke="#7C3AED" stroke-width="4"/>
+                      <circle cx="100" cy="80" r="36" fill="white"/>
+                      <path d="M100 140C77.9086 140 60 157.909 60 180H140C140 157.909 122.091 140 100 140Z" fill="white"/>
+                      <defs>
+                        <linearGradient id="reply-avatar-gradient" x1="0" y1="0" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+                          <stop offset="0" stop-color="#8B5CF6"/>
+                          <stop offset="1" stop-color="#3B82F6"/>
+                        </linearGradient>
+                      </defs>
+                    </svg>
                   {% endif %}
                 </div>
                 
diff --git a/templates/profile.html b/templates/profile.html
index 6c8db10..3a14cab 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -583,7 +583,23 @@
     <!-- User Info Section -->
     <div class="profile-header">
       <div class="avatar-container">
-        <img src="{{ user.avatar if user.avatar else url_for('static', filename='img/default-avatar.svg') }}" alt="Profilbild" class="avatar">
+        {% if user.avatar %}
+          <img src="{{ user.avatar }}" alt="Profilbild" class="avatar">
+        {% else %}
+          <div class="avatar default-avatar">
+            <svg width="100%" height="100%" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <circle cx="100" cy="100" r="98" fill="url(#gradient)" stroke="#7C3AED" stroke-width="4"/>
+              <circle cx="100" cy="80" r="36" fill="white"/>
+              <path d="M100 140C77.9086 140 60 157.909 60 180H140C140 157.909 122.091 140 100 140Z" fill="white"/>
+              <defs>
+                <linearGradient id="gradient" x1="0" y1="0" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#8B5CF6"/>
+                  <stop offset="1" stop-color="#3B82F6"/>
+                </linearGradient>
+              </defs>
+            </svg>
+          </div>
+        {% endif %}
         <div class="avatar-edit">
           <i class="fas fa-camera"></i>
         </div>