diff --git a/public/css/events.css b/public/css/events.css
index 87ebc48..8db0648 100644
--- a/public/css/events.css
+++ b/public/css/events.css
@@ -341,7 +341,7 @@
 /* Kristalle – mittig unten */
 .bs-rarity {
   position: absolute;
-  top: 62%;
+  top: 72%;
   left: 0;
   right: 0;
   display: flex;
@@ -356,7 +356,7 @@
 /* Reichweite & Laufen Badges */
 .bs-range-race {
   position: absolute;
-  top: 74%;
+  top: 82%;
   left: 0;
   right: 0;
   display: flex;
diff --git a/public/js/quickmenu/carddeck.js b/public/js/quickmenu/carddeck.js
index 5d95852..feb89a3 100644
--- a/public/js/quickmenu/carddeck.js
+++ b/public/js/quickmenu/carddeck.js
@@ -464,7 +464,7 @@ function renderShell() {
       /* ── Reichweite & Laufen Badges ────────── */
       .kd-range-race {
         position: absolute;
-        top: 74%;
+        top: 86%;
         left: 0; right: 0;
         display: flex;
         justify-content: center;
@@ -498,7 +498,7 @@ function renderShell() {
       /* ── Rarity Kristalle ───────────────────── */
       .kd-rarity {
         position: absolute;
-        top: 62%;
+        top: 75%;
         left: 0; right: 0;
         display: flex;
         justify-content: center;
@@ -868,7 +868,7 @@ function renderDeckGrid(grid, cards) {
       <div class="kd-deck-card-footer-counts">
         <span class="kd-deck-count-indeck" title="Im Deck">🃏 ${c.amount}</span>
       </div>
-      ${c.rarity ? `<div class="kd-rarity" style="top:62%">${rarityImgs(c.rarity, 14)}</div>` : ""}
+      ${c.rarity ? `<div class="kd-rarity" style="top:75%">${rarityImgs(c.rarity, 14)}</div>` : ""}
       ${(c.range != null || c.race != null) ? `
       <div class="kd-range-race">
         ${c.range != null ? `<span class="kd-badge-range">${rangeIcon()}&thinsp;${c.range}</span>` : ""}