diff --git a/public/css/hud.css b/public/css/hud.css
index 3b9f48c..bdb76f1 100644
--- a/public/css/hud.css
+++ b/public/css/hud.css
@@ -219,8 +219,8 @@
 
 /* Blauer Kristall / Gems – Bild aus der Datenbank */
 .hud-res-icon-gem {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -228,8 +228,8 @@
 }
 
 .hud-res-icon-gem img {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   object-fit: contain;
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7));
   display: block;
@@ -237,8 +237,8 @@
 
 /* Silbermünze – Bild aus der Datenbank */
 .hud-res-icon-silver {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -246,8 +246,8 @@
 }
 
 .hud-res-icon-silver img {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   object-fit: contain;
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7));
   display: block;
@@ -255,8 +255,8 @@
 
 /* Eisen – Bild aus der Datenbank */
 .hud-res-icon-iron {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -264,8 +264,8 @@
 }
 
 .hud-res-icon-iron img {
-  width: 20px;
-  height: 20px;
+  width: 28px;
+  height: 28px;
   object-fit: contain;
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7));
   display: block;
diff --git a/views/launcher.ejs b/views/launcher.ejs
index 612d3a3..6ee145f 100644
--- a/views/launcher.ejs
+++ b/views/launcher.ejs
@@ -321,14 +321,14 @@
         <div class="hud-res-row">
           <div class="hud-res">
             <div class="hud-res-icon-silver">
-              <img src="/images/items/silber.png" alt="Silber" onerror="this.parentElement.innerHTML='⚪'">
+              <img src="/images/items/silbermuenze.png" alt="" onerror="this.style.display='none';this.parentElement.insertAdjacentText('beforeend','⚪')">
             </div>
             <span class="hud-res-value" id="hud-silver">0</span>
           </div>
           <div class="hud-sep"></div>
           <div class="hud-res">
             <div class="hud-res-icon-gem">
-              <img src="/images/items/blauer cristal.png" alt="Kristall" onerror="this.parentElement.innerHTML='💠'">
+              <img src="/images/items/blauer_cristal.png" alt="" onerror="this.style.display='none';this.parentElement.insertAdjacentText('beforeend','💠')">
             </div>
             <span class="hud-res-value" id="hud-gems">0</span>
           </div>
@@ -353,7 +353,7 @@
           <div class="hud-sep"></div>
           <div class="hud-res">
             <div class="hud-res-icon-iron">
-              <img src="/images/items/eisen.png" alt="Eisen" onerror="this.parentElement.innerHTML='⚙️'">
+              <img src="/images/items/eisen.png" alt="" onerror="this.style.display='none';this.parentElement.insertAdjacentText('beforeend','⚙️')">
             </div>
             <span class="hud-res-value" id="hud-iron">0</span>
           </div>