From 79344a535f9578510cecf420bd4eaed7447f7777 Mon Sep 17 00:00:00 2001
From: Ronny <ronny975@gmail.com>
Date: Sun, 12 Apr 2026 16:11:01 +0200
Subject: [PATCH] style: 'FIFA World Cup 2026' as golden subtitle under
 'Tippspiel'

---
 frontend/src/App.module.css | 15 +++++++++++++++
 frontend/src/App.tsx        |  5 ++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.module.css b/frontend/src/App.module.css
index 17120c4..396ad76 100644
--- a/frontend/src/App.module.css
+++ b/frontend/src/App.module.css
@@ -35,6 +35,12 @@
   object-fit: contain;
 }
 
+.logoTextBlock {
+  display: flex;
+  flex-direction: column;
+  line-height: 1;
+}
+
 .logoText {
   font-family: 'Plus Jakarta Sans', sans-serif;
   font-weight: 800;
@@ -43,6 +49,15 @@
   letter-spacing: -0.3px;
 }
 
+.logoSub {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 9px;
+  font-weight: 600;
+  color: var(--gold);
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+
 .devBadge {
   font-size: 10px;
   font-weight: 700;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index ed192cc..896545d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -82,7 +82,10 @@ export default function App() {
               alt="FIFA WM 2026"
               className={styles.logoImg}
             />
-            <span className={styles.logoText}>Tippspiel</span>
+            <div className={styles.logoTextBlock}>
+              <span className={styles.logoText}>Tippspiel</span>
+              <span className={styles.logoSub}>FIFA World Cup 2026</span>
+            </div>
             {IS_DEV && (
               <span className={styles.devBadge}>DEV · User {devUser}</span>
             )}