diff --git a/assets/app_auth.js b/assets/app_auth.js
index e9af1ed..749e45f 100644
--- a/assets/app_auth.js
+++ b/assets/app_auth.js
@@ -353,7 +353,7 @@
         document.body.classList.add('logged-in');
         if (userSpan) {
           userSpan.style.display = 'inline-flex';
-          userSpan.innerHTML = `👤 ${escapeHtml(user.name || user.email)}`;
+          userSpan.innerHTML = `${escapeHtml(user.name || user.email)}`;
           userSpan.style.cursor = 'pointer';
           userSpan.title = 'Zum Kurs-Dashboard wechseln';
           userSpan.onclick = () => { window.location.href = 'dashboard.html'; };
@@ -373,7 +373,7 @@
         }
         if (registerBtn) {
           registerBtn.style.display = 'inline-flex';
-          registerBtn.innerHTML = '<span class="btn-text-desktop">💻 Zum Kurs-Dashboard</span><span class="btn-text-mobile">Dashboard</span>';
+          registerBtn.innerHTML = '<span class="btn-text-desktop">Zum Kurs-Dashboard</span><span class="btn-text-mobile">Dashboard</span>';
           registerBtn.style.background = '#10b981';
           registerBtn.removeAttribute('onclick');
           registerBtn.onclick = (e) => {
@@ -382,7 +382,7 @@
           };
         }
         if (heroPrimaryCta) {
-          heroPrimaryCta.innerHTML = '<span>▶ Zum Dashboard &amp; Kurse wählen &rarr;</span>';
+          heroPrimaryCta.innerHTML = '<span>Zum Dashboard &amp; Kurse wählen &rarr;</span>';
           heroPrimaryCta.removeAttribute('onclick');
           heroPrimaryCta.onclick = (e) => {
             e.preventDefault();
@@ -392,7 +392,7 @@
 
         // Alle allgemeinen Landing-Page Action Buttons anpassen
         document.querySelectorAll('.landing-cta-btn').forEach(btn => {
-          btn.innerHTML = '<span>▶ Zum Dashboard &amp; Kurse wählen &rarr;</span>';
+          btn.innerHTML = '<span>Zum Dashboard &amp; Kurse wählen &rarr;</span>';
           btn.style.background = '#10b981';
           btn.removeAttribute('onclick');
           btn.onclick = (e) => {
@@ -425,7 +425,7 @@
         }
         if (loginBtn) {
           loginBtn.style.display = 'inline-flex';
-          loginBtn.innerText = '🔑 Anmelden';
+          loginBtn.innerText = 'Anmelden';
           loginBtn.style.background = 'rgba(255,255,255,0.12)';
           loginBtn.style.color = 'white';
           loginBtn.style.borderColor = 'rgba(255,255,255,0.2)';
@@ -433,7 +433,7 @@
         }
         if (registerBtn) {
           registerBtn.style.display = 'inline-flex';
-          registerBtn.innerHTML = '<span class="btn-text-desktop">✨ Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span>';
+          registerBtn.innerHTML = '<span class="btn-text-desktop">Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span>';
           registerBtn.style.background = '#0284c7';
           registerBtn.onclick = () => window.openAuthModal('register', { allowClose: true });
         }
@@ -443,7 +443,7 @@
         const mobLogoutBtn = document.getElementById('mobile-drawer-logout-btn');
         if (mobLogoutBtn) mobLogoutBtn.style.display = 'none';
         if (heroPrimaryCta) {
-          heroPrimaryCta.innerHTML = '<span>🚀 Jetzt kostenlos registrieren</span>';
+          heroPrimaryCta.innerHTML = '<span>Jetzt kostenlos registrieren &rarr;</span>';
           heroPrimaryCta.onclick = (e) => {
             e.preventDefault();
             window.openAuthModal('register', { allowClose: true });
@@ -452,7 +452,7 @@
 
         // Alle allgemeinen Landing-Page Action Buttons für Besucher
         document.querySelectorAll('.landing-cta-btn').forEach(btn => {
-          btn.innerHTML = '<span>✨ Jetzt kostenlos registrieren &amp; Kurse wählen &rarr;</span>';
+          btn.innerHTML = '<span>Jetzt kostenlos registrieren &amp; Kurse wählen &rarr;</span>';
           btn.style.background = '#0284c7';
           btn.onclick = (e) => {
             e.preventDefault();
@@ -489,19 +489,19 @@
       // Aktualisiere ggf. vorhandene Curriculum-Aktions-Buttons
       document.querySelectorAll('.portal-card-action-btn').forEach(btn => {
         if (loggedIn) {
-          btn.innerHTML = '<span>▶ Im Lernbereich öffnen</span> <span>&rarr;</span>';
+          btn.innerHTML = '<span>Im Lernbereich öffnen</span> <span>&rarr;</span>';
           btn.classList.remove('locked');
           btn.style.background = '#10b981';
           btn.onclick = () => { window.location.href = 'dashboard.html'; };
         } else {
-          btn.innerHTML = '<span>✨ Lehrplan freischalten &amp; starten</span>';
+          btn.innerHTML = '<span>Lehrplan ansehen</span>';
           btn.classList.add('locked');
           btn.style.background = '#0284c7';
           btn.onclick = (e) => {
             e.preventDefault();
             window.openAuthModal('register', {
               allowClose: true,
-              title: '🔒 Lehrplan freischalten',
+              title: 'Lehrplan freischalten',
               message: 'Erstelle einen kostenlosen Account in unter 30 Sekunden, um sofort vollen Zugriff auf alle Kurse und Module im Lernbereich zu erhalten.'
             });
           };
@@ -534,10 +534,10 @@
         ` : ''}
 
         <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 14px;">
-          <div style="width: 36px; height: 36px; border-radius: 8px; background: rgba(56, 189, 248, 0.15); border: 1px solid rgba(56, 189, 248, 0.4); display: flex; align-items: center; justify-content: center; font-size: 1.2rem;">🎓</div>
+          <div style="width: 36px; height: 36px; border-radius: 8px; background: #eff6ff; border: 1px solid #bfdbfe; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; color: #1d4ed8; font-weight: 800;">IT</div>
           <div>
             <div style="font-size: 1.15rem; font-weight: 800; color: #0f172a;" id="auth-modal-title">
-              ${escapeHtml(options.title || (initialMode === 'register' && allowReg ? '✨ Kostenlos registrieren' : '🔑 Anmelden'))}
+              ${escapeHtml(options.title || (initialMode === 'register' && allowReg ? 'Kostenlos registrieren' : 'Anmelden'))}
             </div>
             <div style="font-size: 0.72rem; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px;">IT-PRAXISPORTAL AUTHENTICATION</div>
           </div>
@@ -576,9 +576,9 @@
           <div id="auth-field-role" style="display: none;">
             <label style="display: block; font-size: 0.8rem; font-weight: 700; color: #0f172a; margin-bottom: 4px;">Deine Rolle / Lernziel:</label>
             <select id="auth-select-role" style="width: 100%; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 0.88rem; outline: none; background: white; box-sizing: border-box;">
-              <option value="solo">🎓 Solo-Selbstlerner & Quereinsteiger</option>
-              <option value="student">💼 Auszubildender IT-Beruf</option>
-              <option value="teacher">👨‍🏫 Lehrkraft / Dozent / Ausbilder</option>
+              <option value="solo">Solo-Selbstlerner &amp; Quereinsteiger</option>
+              <option value="student">Auszubildender IT-Beruf</option>
+              <option value="teacher">Lehrkraft / Dozent / Ausbilder</option>
             </select>
           </div>
 
@@ -586,13 +586,13 @@
             <label style="display: block; font-size: 0.8rem; font-weight: 700; color: #0f172a; margin-bottom: 4px;">Dein IT-Ausbildungsberuf (optional):</label>
             <select id="auth-select-profession" style="width: 100%; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 0.88rem; outline: none; background: white; box-sizing: border-box;">
               <option value="">Keine Angabe / Quereinsteiger</option>
-              <option value="FISI">🖥️ Fachinformatiker Systemintegration (FISI)</option>
-              <option value="FIAE">💻 Fachinformatiker Anwendungsentwicklung (FIAE)</option>
-              <option value="FIDP">📊 Fachinformatiker Daten- &amp; Prozessanalyse (FIDP)</option>
-              <option value="FIDV">🌐 Fachinformatiker Digitale Vernetzung (FIDV)</option>
-              <option value="ITSE">⚡ IT-System-Elektroniker/in (ITSE)</option>
-              <option value="ITSM">💼 Kaufleute für IT-System-Management (ITSM)</option>
-              <option value="KDM">📈 Kaufleute für Digitalisierungsmanagement (KDM)</option>
+              <option value="FISI">Fachinformatiker Systemintegration (FISI)</option>
+              <option value="FIAE">Fachinformatiker Anwendungsentwicklung (FIAE)</option>
+              <option value="FIDP">Fachinformatiker Daten- &amp; Prozessanalyse (FIDP)</option>
+              <option value="FIDV">Fachinformatiker Digitale Vernetzung (FIDV)</option>
+              <option value="ITSE">IT-System-Elektroniker/in (ITSE)</option>
+              <option value="ITSM">Kaufleute für IT-System-Management (ITSM)</option>
+              <option value="KDM">Kaufleute für Digitalisierungsmanagement (KDM)</option>
             </select>
             <span style="display: block; font-size: 0.74rem; color: #64748b; margin-top: 3px;">Schaltet deinen spezifischen IHK AP2-Prüfungskurs auf dem Dashboard frei.</span>
           </div>
@@ -621,7 +621,7 @@
         </form>
 
         <div style="margin-top: 14px; text-align: center; font-size: 0.76rem; color: #94a3b8;">
-          🔒 100% DSGVO-konform • Deutsche Server • Keine Tracking-Cookies
+          100% DSGVO-konform • Serverstandort Deutschland • Keine Tracking-Cookies
         </div>
       </div>
     `;
diff --git a/assets/style.css b/assets/style.css
index 711a13f..10ba6fc 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -3,56 +3,67 @@
    ========================================================================== */
 
 :root {
-  /* Brand Colors */
-  --primary: #4f46e5;
-  --primary-hover: #4338ca;
-  --primary-light: #eef2ff;
-  --primary-glow: rgba(79, 70, 229, 0.15);
+  /* Brand Colors - Authoritative Tech & Enterprise Blue */
+  --primary: #1d4ed8;
+  --primary-hover: #1e40af;
+  --primary-light: #eff6ff;
+  --primary-glow: rgba(29, 78, 216, 0.12);
+
+  --slate-900: #0f172a;
+  --slate-800: #1e293b;
+  --slate-700: #334155;
+  --slate-600: #475569;
+  --slate-500: #64748b;
+  --slate-400: #94a3b8;
+  --slate-300: #cbd5e1;
+  --slate-200: #e2e8f0;
+  --slate-100: #f1f5f9;
+  --slate-50:  #f8fafc;
 
   --emerald: #059669;
-  --emerald-light: #ecfdf5;
+  --emerald-light: #f0fdf4;
 
-  --purple: #7c3aed;
-  --purple-light: #f5f3ff;
+  --purple: #6366f1;
+  --purple-light: #eef2ff;
 
-  --amber: #d97706;
+  --amber: #b45309;
   --amber-light: #fffbeb;
 
-  --rose: #e11d48;
-  --rose-light: #fff1f2;
+  --rose: #b91c1c;
+  --rose-light: #fef2f2;
 
-  --success: #10b981;
-  --success-light: #ecfdf5;
+  --success: #059669;
+  --success-light: #f0fdf4;
 
   /* Surfaces & Backgrounds */
   --bg-body: #f8fafc;
   --bg-surface: #ffffff;
   --bg-subtle: #f1f5f9;
-  --bg-sidebar: #090d16;
+  --bg-sidebar: #0f172a;
   --bg-code: #0b0f19;
 
   /* Borders */
   --border-color: #e2e8f0;
-  --border-dark: rgba(255, 255, 255, 0.08);
+  --border-dark: #1e293b;
 
   /* Typography */
   --text-main: #0f172a;
-  --text-body: #1e293b;
-  --text-muted: #475569;
+  --text-body: #334155;
+  --text-muted: #64748b;
   --text-inverse: #f8fafc;
 
-  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, monospace;
+  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', 'SFMono-Regular', Consolas, Menlo, monospace;
 
   /* Elevation */
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
-  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
-  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
 
   --radius-sm: 6px;
-  --radius-md: 12px;
-  --radius-lg: 18px;
+  --radius-md: 10px;
+  --radius-lg: 14px;
   --radius-full: 9999px;
 }
 
@@ -1066,31 +1077,32 @@ textarea:focus {
   position: sticky;
   top: 0;
   z-index: 100;
-  background: rgba(15, 23, 42, 0.94);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-  padding: 10px 20px;
+  background: #0f172a;
+  border-bottom: 1px solid #1e293b;
+  padding: 0 24px;
+  height: 62px;
+  display: flex;
+  align-items: center;
   width: 100%;
   box-sizing: border-box;
 }
 
 .portal-nav-container {
-  max-width: 1320px;
+  max-width: 1360px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 16px;
-  flex-wrap: nowrap;
+  gap: 20px;
   width: 100%;
+  height: 100%;
   box-sizing: border-box;
 }
 
 .portal-brand {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 12px;
   text-decoration: none;
   color: white;
   flex-shrink: 0;
@@ -1099,35 +1111,35 @@ textarea:focus {
 }
 
 .portal-brand-logo {
-  width: 34px;
-  height: 34px;
-  border-radius: 9px;
-  background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(37, 99, 235, 0.2));
-  border: 1px solid rgba(56, 189, 248, 0.4);
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background: #1e293b;
+  border: 1px solid #334155;
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 0 15px rgba(56, 189, 248, 0.15);
   flex-shrink: 0;
 }
 
 .portal-brand-title {
-  font-size: 1.15rem;
-  font-weight: 800;
-  letter-spacing: -0.4px;
+  font-size: 1.05rem;
+  font-weight: 700;
+  letter-spacing: -0.3px;
   color: #f8fafc;
-  line-height: 1;
+  line-height: 1.2;
   white-space: nowrap;
   flex-shrink: 0;
 }
 
 .portal-brand-badge {
-  font-size: 0.65rem;
-  font-weight: 700;
+  font-size: 0.68rem;
+  font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.8px;
-  background: linear-gradient(90deg, #0284c7, #2563eb);
-  color: white;
+  letter-spacing: 0.6px;
+  background: #1e293b;
+  color: #94a3b8;
+  border: 1px solid #334155;
   padding: 2px 7px;
   border-radius: 4px;
   margin-left: 6px;
@@ -1139,35 +1151,42 @@ textarea:focus {
 .portal-nav-links {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 4px;
   flex-shrink: 0;
   white-space: nowrap;
+  height: 100%;
 }
 
 .portal-nav-link {
   color: #94a3b8;
   text-decoration: none;
-  font-size: 0.83rem;
-  font-weight: 600;
+  font-size: 0.85rem;
+  font-weight: 500;
   white-space: nowrap;
-  padding: 4px 7px;
+  padding: 7px 12px;
   border-radius: 6px;
   transition: all 0.15s ease;
   display: inline-flex;
   align-items: center;
-  gap: 5px;
+  gap: 6px;
 }
 
-.portal-nav-link:hover, .portal-nav-link.active {
-  color: #38bdf8;
-  background: rgba(56, 189, 248, 0.08);
+.portal-nav-link:hover {
+  color: #f8fafc;
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.portal-nav-link.active {
+  color: #ffffff;
+  background: #1e293b;
+  font-weight: 600;
 }
 
 .portal-hero {
-  background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.15) 0%, transparent 60%), #0b0f19;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-  padding: 56px 24px 44px 24px;
-  text-align: center;
+  background: #0f172a;
+  border-bottom: 1px solid #1e293b;
+  padding: 44px 24px 38px 24px;
+  text-align: left;
   color: #f8fafc;
 }
 
@@ -1175,74 +1194,76 @@ textarea:focus {
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  background: rgba(56, 189, 248, 0.1);
-  border: 1px solid rgba(56, 189, 248, 0.3);
-  color: #38bdf8;
-  padding: 6px 14px;
-  border-radius: 99px;
-  font-size: 0.82rem;
-  font-weight: 700;
-  margin-bottom: 20px;
+  background: #1e293b;
+  border: 1px solid #334155;
+  color: #cbd5e1;
+  padding: 5px 12px;
+  border-radius: 6px;
+  font-size: 0.78rem;
+  font-weight: 600;
+  margin-bottom: 14px;
 }
 
 .portal-hero h1 {
-  font-size: 2.7rem;
-  font-weight: 900;
-  letter-spacing: -1px;
-  line-height: 1.15;
-  margin: 0 auto 16px auto;
+  font-size: 2.15rem;
+  font-weight: 800;
+  letter-spacing: -0.5px;
+  line-height: 1.25;
+  margin: 0 0 10px 0;
   max-width: 820px;
   color: #ffffff;
 }
 
 .portal-hero p {
-  font-size: 1.12rem;
+  font-size: 0.98rem;
   line-height: 1.6;
   color: #94a3b8;
-  max-width: 680px;
-  margin: 0 auto 28px auto;
+  max-width: 720px;
+  margin: 0;
 }
 
 .portal-hero-actions {
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
+  margin-top: 22px;
 }
 
 .portal-btn-primary {
-  background: linear-gradient(135deg, #0284c7, #2563eb);
+  background: #1d4ed8;
   color: white;
-  padding: 12px 24px;
-  border-radius: 10px;
-  font-weight: 700;
-  font-size: 0.95rem;
+  padding: 10px 20px;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.88rem;
   text-decoration: none;
-  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
-  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  border: 1px solid #1d4ed8;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+  transition: all 0.15s ease;
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  border: none;
   cursor: pointer;
 }
 
 .portal-btn-primary:hover {
+  background: #1e40af;
+  border-color: #1e40af;
   transform: translateY(-1px);
-  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45);
 }
 
 .portal-btn-secondary {
-  background: rgba(255, 255, 255, 0.06);
-  color: #f1f5f9;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  padding: 12px 22px;
-  border-radius: 10px;
-  font-weight: 600;
-  font-size: 0.95rem;
+  background: #1e293b;
+  color: #cbd5e1;
+  border: 1px solid #334155;
+  padding: 10px 18px;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 0.88rem;
   text-decoration: none;
-  transition: background 0.15s ease, border-color 0.15s ease;
+  transition: all 0.15s ease;
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -1250,43 +1271,44 @@ textarea:focus {
 }
 
 .portal-btn-secondary:hover {
-  background: rgba(255, 255, 255, 0.12);
-  border-color: rgba(255, 255, 255, 0.25);
+  background: #334155;
+  color: #ffffff;
 }
 
 .portal-stats-bar {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: 16px;
-  max-width: 1080px;
-  margin: 36px auto 0 auto;
+  gap: 14px;
+  margin-top: 26px;
 }
 
 .portal-stat-card {
-  background: rgba(15, 23, 42, 0.6);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 12px;
-  padding: 16px;
+  background: #1e293b;
+  border: 1px solid #334155;
+  border-radius: 10px;
+  padding: 16px 18px;
   text-align: left;
 }
 
 .portal-stat-num {
-  font-size: 1.6rem;
-  font-weight: 900;
-  color: #38bdf8;
-  line-height: 1;
+  font-size: 1.35rem;
+  font-weight: 700;
+  color: #f8fafc;
+  line-height: 1.25;
   margin-bottom: 4px;
 }
 
 .portal-stat-label {
-  font-size: 0.82rem;
-  font-weight: 700;
-  color: #f1f5f9;
+  font-size: 0.78rem;
+  font-weight: 600;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
   margin-bottom: 2px;
 }
 
 .portal-stat-desc {
-  font-size: 0.75rem;
+  font-size: 0.76rem;
   color: #64748b;
 }
 
@@ -1296,8 +1318,8 @@ textarea:focus {
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  gap: 14px;
-  margin: 36px 0 24px 0;
+  gap: 16px;
+  margin: 32px 0 20px 0;
 }
 
 .portal-filter-tabs {
@@ -1307,20 +1329,21 @@ textarea:focus {
 }
 
 .portal-tab-pill {
-  background: white;
+  background: #ffffff;
   border: 1px solid #cbd5e1;
   color: #475569;
-  padding: 8px 16px;
-  border-radius: 99px;
-  font-size: 0.85rem;
-  font-weight: 700;
+  padding: 7px 14px;
+  border-radius: 8px;
+  font-size: 0.84rem;
+  font-weight: 600;
   cursor: pointer;
   transition: all 0.15s ease;
 }
 
 .portal-tab-pill:hover {
-  border-color: #94a3b8;
+  background: #f8fafc;
   color: #0f172a;
+  border-color: #94a3b8;
 }
 
 .portal-tab-pill.active {
@@ -1334,15 +1357,15 @@ textarea:focus {
   align-items: center;
   background: white;
   border: 1px solid #cbd5e1;
-  border-radius: 99px;
-  padding: 6px 14px;
+  border-radius: 8px;
+  padding: 7px 14px;
   min-width: 280px;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
 .portal-search-box:focus-within {
-  border-color: #0284c7;
-  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
+  border-color: #1d4ed8;
+  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.1);
 }
 
 .portal-search-box input {
@@ -1366,20 +1389,20 @@ textarea:focus {
 .portal-card {
   background: #ffffff;
   border: 1px solid #e2e8f0;
-  border-radius: 14px;
+  border-radius: 12px;
   padding: 22px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
-  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
   position: relative;
   overflow: hidden;
 }
 
 .portal-card:hover {
-  transform: translateY(-3px);
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.08);
   border-color: #cbd5e1;
 }
 
@@ -1391,39 +1414,40 @@ textarea:focus {
 }
 
 .portal-card-icon {
-  font-size: 2rem;
-  width: 52px;
-  height: 52px;
-  border-radius: 12px;
+  font-size: 1.35rem;
+  width: 44px;
+  height: 44px;
+  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f8fafc;
   border: 1px solid #e2e8f0;
+  color: #1e293b;
 }
 
 .portal-card-badge {
   font-size: 0.72rem;
-  font-weight: 700;
-  padding: 4px 10px;
-  border-radius: 99px;
+  font-weight: 600;
+  padding: 3px 8px;
+  border-radius: 6px;
   text-transform: uppercase;
-  letter-spacing: 0.5px;
+  letter-spacing: 0.4px;
 }
 
 .portal-card-title {
-  font-size: 1.15rem;
-  font-weight: 800;
+  font-size: 1.08rem;
+  font-weight: 700;
   color: #0f172a;
   margin: 0 0 6px 0;
-  line-height: 1.3;
+  line-height: 1.35;
 }
 
 .portal-card-desc {
   font-size: 0.86rem;
   color: #475569;
   line-height: 1.5;
-  margin: 0 0 16px 0;
+  margin: 0 0 14px 0;
   flex-grow: 1;
 }
 
@@ -1438,9 +1462,10 @@ textarea:focus {
   background: #f1f5f9;
   color: #475569;
   font-size: 0.72rem;
-  font-weight: 600;
-  padding: 3px 8px;
+  font-weight: 500;
+  padding: 3px 7px;
   border-radius: 4px;
+  border: 1px solid #e2e8f0;
 }
 
 .portal-card-footer {
@@ -1462,9 +1487,9 @@ textarea:focus {
   color: white;
   text-decoration: none;
   font-size: 0.82rem;
-  font-weight: 700;
+  font-weight: 600;
   padding: 8px 14px;
-  border-radius: 8px;
+  border-radius: 6px;
   transition: background 0.15s ease;
   display: inline-flex;
   align-items: center;
@@ -1472,7 +1497,7 @@ textarea:focus {
 }
 
 .portal-card-btn:hover {
-  background: #0284c7;
+  background: #1d4ed8;
 }
 
 /* Bento Grid */
@@ -1807,23 +1832,25 @@ html, body {
   #nav-profile-pill {
     display: inline-flex !important;
     align-items: center;
-    gap: 4px;
-    padding: 4px 8px !important;
-    max-width: 110px;
+    gap: 6px;
+    padding: 4px 10px !important;
+    max-width: 140px;
     flex-shrink: 1;
     overflow: hidden;
-    background: rgba(255, 255, 255, 0.08) !important;
-    border-radius: 99px;
+    background: #1e293b !important;
+    border: 1px solid #334155 !important;
+    border-radius: 6px;
   }
 
   #nav-auth-user {
     display: inline-block !important;
     font-size: 0.76rem !important;
-    max-width: 80px;
+    font-weight: 600 !important;
+    max-width: 90px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap !important;
-    color: #38bdf8 !important;
+    color: #f8fafc !important;
   }
 
   #nav-auth-role {
@@ -1843,7 +1870,8 @@ html, body {
 /* Ultra-compact Mobile Screen adjustments (<= 400px e.g. iPhone SE, 375px, 360px, 320px) */
 @media (max-width: 400px) {
   .portal-header-bar {
-    padding: 7px 8px !important;
+    padding: 0 10px !important;
+    height: 56px !important;
   }
   .portal-nav-container {
     gap: 6px !important;
@@ -1858,18 +1886,6 @@ html, body {
   .portal-brand-title {
     font-size: 0.90rem !important;
   }
-  #nav-auth-user {
-    max-width: 70px !important;
-    font-size: 0.72rem !important;
-  }
-  #nav-profile-pill {
-    max-width: 95px !important;
-    padding: 3px 6px !important;
-  }
-  #nav-btn-register {
-    padding: 4px 7px !important;
-    font-size: 0.72rem !important;
-  }
   .mobile-menu-toggle {
     width: 32px !important;
     height: 32px !important;
@@ -1880,14 +1896,14 @@ html, body {
 /* Mobile Drawer & Hamburger Menu */
 .mobile-menu-toggle {
   display: none;
-  background: rgba(255, 255, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.15);
+  background: #1e293b;
+  border: 1px solid #334155;
   color: #f8fafc;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   width: 36px;
   height: 36px;
   padding: 0;
-  border-radius: 8px;
+  border-radius: 6px;
   cursor: pointer;
   line-height: 1;
   flex-shrink: 0;
@@ -1895,21 +1911,21 @@ html, body {
 }
 
 .mobile-menu-toggle:hover {
-  background: rgba(255, 255, 255, 0.15);
+  background: #334155;
 }
 
 .mobile-drawer {
-  background: #090d16;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  background: #0f172a;
+  border-bottom: 1px solid #1e293b;
   padding: 14px 16px 18px 16px;
   position: sticky;
-  top: 52px;
+  top: 62px;
   z-index: 49;
   display: flex;
   flex-direction: column;
-  gap: 6px;
-  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
-  animation: slideDown 0.2s ease-out;
+  gap: 4px;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
+  animation: slideDown 0.15s ease-out;
 }
 
 @keyframes slideDown {
@@ -1920,10 +1936,10 @@ html, body {
 .mobile-drawer-link {
   color: #cbd5e1;
   text-decoration: none;
-  font-size: 0.94rem;
-  font-weight: 600;
-  padding: 10px 14px;
-  border-radius: 8px;
+  font-size: 0.9rem;
+  font-weight: 500;
+  padding: 9px 12px;
+  border-radius: 6px;
   transition: background 0.15s ease, color 0.15s ease;
   display: flex;
   align-items: center;
@@ -1931,8 +1947,8 @@ html, body {
 }
 
 .mobile-drawer-link:hover, .mobile-drawer-link:active {
-  background: rgba(56, 189, 248, 0.12);
-  color: #38bdf8;
+  background: #1e293b;
+  color: #ffffff;
 }
 
 /* ==========================================================================
diff --git a/dashboard.html b/dashboard.html
index ee13be9..6c23203 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -38,19 +38,19 @@
     .apprenticeship-panel {
       background: #ffffff;
       border: 1px solid #e2e8f0;
-      border-radius: 16px;
-      padding: 22px 26px;
+      border-radius: 12px;
+      padding: 22px 24px;
       margin-bottom: 24px;
-      box-shadow: 0 4px 16px rgba(0,0,0,0.03);
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
     }
     .year-pill {
-      background: #f1f5f9;
+      background: #ffffff;
       color: #475569;
       border: 1px solid #cbd5e1;
-      padding: 8px 16px;
-      border-radius: 99px;
-      font-size: 0.84rem;
-      font-weight: 700;
+      padding: 6px 14px;
+      border-radius: 6px;
+      font-size: 0.82rem;
+      font-weight: 600;
       cursor: pointer;
       transition: all 0.15s ease;
       display: inline-flex;
@@ -58,36 +58,38 @@
       gap: 6px;
     }
     .year-pill:hover {
-      background: #e2e8f0;
+      background: #f8fafc;
       color: #0f172a;
-      transform: translateY(-1px);
+      border-color: #94a3b8;
     }
     .year-pill.active {
-      background: #0284c7;
+      background: #0f172a;
       color: #ffffff;
-      border-color: #0284c7;
-      box-shadow: 0 3px 10px rgba(2, 132, 199, 0.35);
+      border-color: #0f172a;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }
     .year-pill.assigned-only-btn {
-      border-color: #10b981;
-      color: #047857;
-      background: #ecfdf5;
+      border-color: #cbd5e1;
+      color: #475569;
+      background: #ffffff;
     }
     .year-pill.assigned-only-btn:hover {
-      background: #d1fae5;
+      background: #f8fafc;
+      color: #0f172a;
+      border-color: #94a3b8;
     }
     .year-pill.assigned-only-btn.active {
-      background: #10b981;
+      background: #0f172a;
       color: #ffffff;
-      border-color: #10b981;
-      box-shadow: 0 3px 10px rgba(16, 185, 129, 0.35);
+      border-color: #0f172a;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }
 
     .lf-card {
       background: #ffffff;
       border: 1px solid #e2e8f0;
-      border-radius: 10px;
-      padding: 12px 16px;
+      border-radius: 8px;
+      padding: 12px 14px;
       display: flex;
       flex-direction: column;
       gap: 6px;
@@ -96,8 +98,7 @@
       transition: all 0.15s ease;
     }
     .lf-card:hover {
-      border-color: #38bdf8;
-      transform: translateY(-1px);
+      border-color: #cbd5e1;
       box-shadow: var(--shadow-md);
     }
     .lf-card-header {
@@ -107,14 +108,14 @@
     }
     .lf-tag {
       font-size: 0.72rem;
-      font-weight: 800;
+      font-weight: 600;
       padding: 2px 7px;
-      border-radius: 6px;
+      border-radius: 4px;
     }
     .lf-tag-ap1 {
-      background: #e0f2fe;
-      color: #0369a1;
-      border: 1px solid #bae6fd;
+      background: #eff6ff;
+      color: #1d4ed8;
+      border: 1px solid #bfdbfe;
     }
     .lf-tag-ap2 {
       background: #fef2f2;
@@ -122,107 +123,106 @@
       border: 1px solid #fecaca;
     }
     .lf-tag-wiso {
-      background: #fefce8;
-      color: #a16207;
-      border: 1px solid #fef08a;
+      background: #fffbeb;
+      color: #b45309;
+      border: 1px solid #fde68a;
     }
 
     /* Course Progress Elements */
     .course-progress-wrap {
-      margin: 14px 0 16px 0;
+      margin: 12px 0 14px 0;
       background: #f1f5f9;
-      border-radius: 99px;
-      height: 8px;
+      border-radius: 4px;
+      height: 6px;
       overflow: hidden;
       position: relative;
     }
     .course-progress-bar {
       height: 100%;
-      background: linear-gradient(90deg, #0284c7, #10b981);
+      background: #1d4ed8;
       width: 0%;
-      border-radius: 99px;
+      border-radius: 4px;
       transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
     }
     .course-progress-meta {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      font-size: 0.78rem;
+      font-size: 0.76rem;
       color: #64748b;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     /* Dashboard Action Buttons */
     .btn-start-ide {
-      background: #0284c7;
+      background: #0f172a;
       color: white;
       border: none;
       display: inline-flex;
       align-items: center;
       gap: 6px;
-      padding: 8px 14px;
-      border-radius: 8px;
-      font-size: 0.84rem;
-      font-weight: 700;
-      text-decoration: none;
-      cursor: pointer;
-      transition: all 0.15s ease;
-    }
-    .btn-start-ide:hover {
-      background: #0369a1;
-      transform: translateY(-1px);
-    }
-    .btn-view-theory {
-      background: #f1f5f9;
-      color: #475569;
-      border: 1px solid #cbd5e1;
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-      padding: 8px 12px;
-      border-radius: 8px;
-      font-size: 0.84rem;
+      padding: 7px 14px;
+      border-radius: 6px;
+      font-size: 0.82rem;
       font-weight: 600;
       text-decoration: none;
       cursor: pointer;
       transition: all 0.15s ease;
     }
+    .btn-start-ide:hover {
+      background: #1d4ed8;
+    }
+    .btn-view-theory {
+      background: #ffffff;
+      color: #475569;
+      border: 1px solid #cbd5e1;
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 7px 12px;
+      border-radius: 6px;
+      font-size: 0.82rem;
+      font-weight: 500;
+      text-decoration: none;
+      cursor: pointer;
+      transition: all 0.15s ease;
+    }
     .btn-view-theory:hover {
-      background: #e2e8f0;
+      background: #f8fafc;
       color: #0f172a;
+      border-color: #94a3b8;
     }
 
     /* Resume Card */
     .resume-card {
-      background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      border-radius: 16px;
-      padding: 24px 28px;
+      background: #1e293b;
+      border: 1px solid #334155;
+      border-radius: 12px;
+      padding: 20px 24px;
       color: #f8fafc;
       margin-top: 24px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       flex-wrap: wrap;
-      gap: 18px;
-      box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);
+      gap: 16px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     }
 
     /* Certificates Grid */
     .cert-preview-card {
       background: #ffffff;
       border: 1px solid #e2e8f0;
-      border-radius: 12px;
+      border-radius: 10px;
       padding: 20px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-      transition: all 0.2s ease;
+      transition: all 0.15s ease;
       box-shadow: var(--shadow-sm);
     }
     .cert-preview-card:hover {
-      border-color: #0284c7;
-      transform: translateY(-2px);
+      border-color: #cbd5e1;
       box-shadow: var(--shadow-md);
     }
   </style>
@@ -234,34 +234,34 @@
     <div class="portal-nav-container">
       <a href="dashboard.html" class="portal-brand">
         <div class="portal-brand-logo">
-          <img src="assets/favicon.svg" alt="IT-Praxisportal Logo" style="width: 24px; height: 24px;">
+          <img src="assets/favicon.svg" alt="IT-Praxisportal Logo" style="width: 22px; height: 22px;">
         </div>
         <div>
           <span class="portal-brand-title">IT-Praxisportal</span>
-          <span class="portal-brand-badge" style="background: rgba(16, 185, 129, 0.2); color: #34d399; border-color: rgba(52, 211, 153, 0.3);">Lernbereich</span>
+          <span class="portal-brand-badge">Aus- &amp; Weiterbildung</span>
         </div>
       </a>
 
       <nav class="portal-nav-links">
-        <a href="#overview" class="portal-nav-link active">🚀 Übersicht</a>
-        <a href="#katalog" class="portal-nav-link">📚 Meine Kurse</a>
-        <a href="#ihk-section" class="portal-nav-link">🎓 IHK Prüfung</a>
-        <a href="workspace.html?course=python" class="portal-nav-link">💻 Web-IDE</a>
-        <a href="#zertifikate-section" class="portal-nav-link">🏆 Zertifikate</a>
-        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">👨‍🏫 Dozenten</a>
-        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin</a>
+        <a href="#overview" class="portal-nav-link active">Übersicht</a>
+        <a href="#katalog" class="portal-nav-link">Kurse</a>
+        <a href="#ihk-section" class="portal-nav-link">IHK-Prüfung</a>
+        <a href="workspace.html?course=python" class="portal-nav-link">Web-IDE</a>
+        <a href="#zertifikate-section" class="portal-nav-link">Zertifikate</a>
+        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">Dozentenbereich</a>
+        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171;">Administration</a>
       </nav>
 
       <!-- User Profile & Logout -->
-      <div style="display: flex; align-items: center; gap: 8px;">
-        <div id="nav-profile-pill" style="display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.08); padding: 4px 10px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.12);">
-          <span id="nav-auth-user" style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;">👤 Lädt...</span>
-          <span id="nav-auth-role" style="font-size: 0.68rem; font-weight: 800; background: rgba(56, 189, 248, 0.15); color: #7dd3fc; padding: 2px 6px; border-radius: 99px; text-transform: uppercase;"></span>
-          <span id="nav-auth-profession" style="display: none; font-size: 0.68rem; font-weight: 800; background: rgba(16, 185, 129, 0.25); color: #34d399; padding: 2px 7px; border-radius: 99px; text-transform: uppercase; border: 1px solid rgba(16, 185, 129, 0.4);" title="Aktiver IT-Ausbildungsberuf"></span>
+      <div style="display: flex; align-items: center; gap: 10px;">
+        <div id="nav-profile-pill" style="display: flex; align-items: center; gap: 8px; background: #1e293b; padding: 4px 12px; border-radius: 6px; border: 1px solid #334155;">
+          <span id="nav-auth-user" style="font-size: 0.82rem; font-weight: 600; color: #f8fafc;">Lädt...</span>
+          <span id="nav-auth-role" style="font-size: 0.68rem; font-weight: 600; background: #334155; color: #cbd5e1; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;"></span>
+          <span id="nav-auth-profession" style="display: none; font-size: 0.68rem; font-weight: 600; background: rgba(29, 78, 216, 0.2); color: #93c5fd; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; border: 1px solid rgba(29, 78, 216, 0.4);" title="Aktiver IT-Ausbildungsberuf"></span>
         </div>
-        <button type="button" class="btn" id="nav-btn-logout" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(239, 68, 68, 0.15); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.3);">
+        <button type="button" class="btn" id="nav-btn-logout" style="padding: 6px 12px; font-size: 0.82rem; background: transparent; color: #94a3b8; border: 1px solid #334155; border-radius: 6px; font-weight: 500; cursor: pointer;">
           <span class="btn-text-desktop">Abmelden</span>
-          <span class="btn-text-mobile">🚪</span>
+          <span class="btn-text-mobile">Abmelden</span>
         </button>
         <button type="button" id="portal-mobile-menu-btn" class="mobile-menu-toggle" aria-label="Menü umschalten" onclick="toggleMobileMenu()">
           <span>☰</span>
@@ -272,17 +272,17 @@
 
   <!-- Mobile Navigation Drawer -->
   <div id="portal-mobile-drawer" class="mobile-drawer" style="display: none;">
-    <a href="#overview" class="mobile-drawer-link" onclick="toggleMobileMenu()">🚀 Übersicht</a>
-    <a href="#katalog" class="mobile-drawer-link" onclick="toggleMobileMenu()">📚 Meine Kurse</a>
-    <a href="#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">🎓 IHK AP1 &amp; AP2 Prüfung</a>
-    <a href="#zertifikate-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">🏆 Meine Zertifikate</a>
-    <a href="index.html?view=landing" class="mobile-drawer-link" onclick="toggleMobileMenu()">🌐 Zur Startseite</a>
-    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">⚖️ Impressum</a>
-    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">🔒 Datenschutzerklärung</a>
-    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">👨‍🏫 Dozenten-Portal</a>
-    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin-Panel</a>
-    <button type="button" class="mobile-drawer-link" style="color: #f87171; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.25); text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; margin-top: 8px; font-weight: 700; width: 100%; display: flex; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="if(confirm('Möchtest du dich wirklich abmelden?')) window.AUTH.logout();">
-      🚪 Abmelden
+    <a href="#overview" class="mobile-drawer-link" onclick="toggleMobileMenu()">Übersicht</a>
+    <a href="#katalog" class="mobile-drawer-link" onclick="toggleMobileMenu()">Kurse</a>
+    <a href="#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">IHK-Prüfungsvorbereitung</a>
+    <a href="#zertifikate-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">Zertifikate</a>
+    <a href="index.html?view=landing" class="mobile-drawer-link" onclick="toggleMobileMenu()">Startseite</a>
+    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Impressum</a>
+    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Datenschutzerklärung</a>
+    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">Dozenten-Portal</a>
+    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171;">Administration</a>
+    <button type="button" class="mobile-drawer-link" style="color: #f87171; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.2); text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; margin-top: 6px; font-weight: 600; width: 100%; display: flex; align-items: center; font-size: 0.88rem;" onclick="if(confirm('Möchtest du dich wirklich abmelden?')) window.AUTH.logout();">
+      Abmelden
     </button>
   </div>
 
@@ -292,65 +292,67 @@
       <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px;">
         <div>
           <div class="portal-hero-pill" style="margin-bottom: 12px;">
-            <span>🟢 Angemeldet als aktiver Teilnehmer</span>
+            <span>IHK Ausbildungs- &amp; Prüfungsvorbereitung</span>
             <span style="opacity: 0.5;">•</span>
             <span id="pill-current-date">Heute</span>
           </div>
-          <h1 style="font-size: 2.2rem; margin-bottom: 8px;">Willkommen zurück, <span id="dash-greeting-name">Entwickler</span>! 👋</h1>
-          <p style="margin: 0; font-size: 1rem; color: #94a3b8; max-width: 680px;">
-            Wähle eine Fachdisziplin, vertiefe dein Wissen im Code-Editor oder trainiere gezielt IHK-Prüfungsszenarien. Dein Fortschritt wird automatisch in der Cloud synchronisiert.
+          <h1>Willkommen, <span id="dash-greeting-name">Teilnehmer</span></h1>
+          <p style="margin: 0; font-size: 0.98rem; color: #94a3b8; max-width: 720px; line-height: 1.6;">
+            Zentrales Ausbildungs- und Lernportal für IT-Fachinformatiker. Praxisnahe Fachmodule, interaktive Monaco Web-IDE und bundeseinheitliche Prüfungsvorbereitung nach IHK AO 2020.
           </p>
         </div>
 
         <div style="display: flex; gap: 10px; align-items: center;">
-          <a href="workspace.html?course=python" class="portal-btn-primary" style="padding: 10px 18px; font-size: 0.9rem;">
-            <span>💻 Web-IDE öffnen</span>
+          <a href="workspace.html?course=python" class="portal-btn-primary" style="padding: 9px 16px; font-size: 0.88rem;">
+            <span>Web-IDE öffnen &rarr;</span>
           </a>
-          <a href="index.html?view=landing" class="portal-btn-secondary" style="padding: 10px 16px; font-size: 0.9rem;" title="Zur öffentlichen Plattform-Startseite">
-            <span>🌐 Startseite</span>
+          <a href="index.html?view=landing" class="portal-btn-secondary" style="padding: 9px 16px; font-size: 0.88rem;" title="Zur öffentlichen Plattform-Startseite">
+            <span>Startseite</span>
           </a>
         </div>
       </div>
 
-      <!-- 4 Gamification Stats Cards -->
-      <div class="portal-stats-bar" style="margin-top: 28px;">
-        <div class="portal-stat-card">
-          <div class="portal-stat-num" id="stat-user-level">1</div>
-          <div class="portal-stat-label">Aktuelles Level</div>
-          <div class="portal-stat-desc" id="stat-user-level-desc">Junior Coder</div>
-        </div>
-        <div class="portal-stat-card">
-          <div class="portal-stat-num" id="stat-user-xp">0</div>
-          <div class="portal-stat-label">Erfahrungspunkte (XP)</div>
-          <div class="portal-stat-desc">+25 XP pro gelöstem Modul</div>
-        </div>
-        <div class="portal-stat-card">
-          <div class="portal-stat-num" id="stat-user-streak">1 🔥</div>
-          <div class="portal-stat-label">Tages-Streak</div>
-          <div class="portal-stat-desc">Kontinuierliches Lernen</div>
-        </div>
+      <!-- 4 Professional KPI Metric Cards -->
+      <div class="portal-stats-bar" style="margin-top: 26px;">
         <div class="portal-stat-card">
           <div class="portal-stat-num" id="stat-user-solved">0 / 264</div>
-          <div class="portal-stat-label">Gelöste Module</div>
-          <div class="portal-stat-desc" id="stat-user-percent">0% Gesamtfortschritt</div>
+          <div class="portal-stat-label">Absolvierte Module</div>
+          <div class="portal-stat-desc" id="stat-user-percent">0% Ausbildungsfortschritt</div>
+        </div>
+        <div class="portal-stat-card">
+          <div class="portal-stat-num" id="stat-user-prof-name" style="font-size: 1.12rem; line-height: 1.3;">Nicht festgelegt</div>
+          <div class="portal-stat-label">Ausbildungsberuf</div>
+          <div class="portal-stat-desc" id="stat-user-prof-desc">Gemäß IHK Rahmenlehrplan</div>
+        </div>
+        <div class="portal-stat-card">
+          <div class="portal-stat-num" id="stat-user-year-name" style="font-size: 1.12rem; line-height: 1.3;">Alle Lehrjahre</div>
+          <div class="portal-stat-label">Ausbildungsstand</div>
+          <div class="portal-stat-desc" id="stat-user-level-desc">IHK AP1 &amp; AP2 Fokus</div>
+          <span id="stat-user-level" style="display: none;">1</span>
+        </div>
+        <div class="portal-stat-card">
+          <div class="portal-stat-num" id="stat-user-streak">1 Tag</div>
+          <div class="portal-stat-label">Lernkontinuität</div>
+          <div class="portal-stat-desc">Laufende Qualifikation</div>
+          <span id="stat-user-xp" style="display: none;">0</span>
         </div>
       </div>
 
       <!-- Quick Resume Card -->
       <div class="resume-card" id="resume-banner">
         <div style="display: flex; align-items: center; gap: 16px;">
-          <div style="width: 52px; height: 52px; border-radius: 12px; background: rgba(56, 189, 248, 0.15); border: 1px solid rgba(56, 189, 248, 0.3); display: flex; align-items: center; justify-content: center; font-size: 1.8rem;" id="resume-icon">
-            🐍
+          <div style="width: 44px; height: 44px; border-radius: 8px; background: #334155; border: 1px solid #475569; display: flex; align-items: center; justify-content: center; font-size: 1.3rem;" id="resume-icon">
+            💻
           </div>
           <div>
-            <div style="font-size: 0.74rem; font-weight: 800; color: #38bdf8; text-transform: uppercase; letter-spacing: 0.6px;">⚡ Schnelleinstieg / Zuletzt gelernt</div>
-            <h3 style="margin: 3px 0 4px 0; font-size: 1.25rem; color: #ffffff;" id="resume-course-title">Python 3: Vom Einsteiger zum Entwickler</h3>
-            <p style="margin: 0; font-size: 0.88rem; color: #94a3b8;" id="resume-course-desc">Setze deine letzte Übung direkt an der gleichen Stelle in der Monaco Web-IDE fort.</p>
+            <div style="font-size: 0.74rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.6px;">Zuletzt bearbeitet</div>
+            <h3 style="margin: 2px 0 4px 0; font-size: 1.15rem; color: #ffffff;" id="resume-course-title">Python 3: Vom Einsteiger zum Entwickler</h3>
+            <p style="margin: 0; font-size: 0.86rem; color: #94a3b8;" id="resume-course-desc">Setze deine letzte praktische Übung direkt an der gleichen Stelle in der Web-IDE fort.</p>
           </div>
         </div>
         <div>
-          <a href="workspace.html?course=python" id="resume-action-btn" class="btn" style="background: #10b981; color: white; padding: 10px 20px; font-weight: 800; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);">
-            <span>▶ In Web-IDE fortsetzen &rarr;</span>
+          <a href="workspace.html?course=python" id="resume-action-btn" class="portal-btn-primary" style="padding: 9px 18px;">
+            <span>Modul fortsetzen &rarr;</span>
           </a>
         </div>
       </div>
@@ -358,64 +360,63 @@
   </section>
 
   <!-- 3. KURS-HUB & KURS-KATALOG (VOLLER ZUGRIFF) -->
-  <main class="portal-container" id="katalog" style="padding-top: 48px; padding-bottom: 64px;">
+  <main class="portal-container" id="katalog" style="padding-top: 40px; padding-bottom: 64px;">
     
     <div class="portal-filter-bar">
       <div>
-        <h2 style="font-size: 1.8rem; font-weight: 900; margin: 0 0 6px 0; color: #0f172a;">📚 Deine 16 Praxis-Kurse</h2>
-        <p style="color: #64748b; margin: 0; font-size: 0.95rem;">Starte jede beliebige Lerneinheit direkt in der Web-IDE oder filtere gezielt nach deinem Ausbildungsberuf und Lehrjahr.</p>
+        <h2 style="font-size: 1.6rem; font-weight: 800; margin: 0 0 4px 0; color: #0f172a;">Fachkurse &amp; Ausbildungsmodule</h2>
+        <p style="color: #64748b; margin: 0; font-size: 0.92rem;">Praxisorientierte Fachmodule nach Ausbildungsberuf und Lehrjahr oder freie Themenwahl.</p>
       </div>
 
       <!-- Search Box -->
       <div class="portal-search-box">
-        <span style="font-size: 1rem;">🔍</span>
-        <input type="text" id="course-filter-input" placeholder="Kurs, Thema oder Modul filtern (z.B. Python, Bash, SQL, Git, AD, Subnetting)...">
+        <input type="text" id="course-filter-input" placeholder="Kurs, Thema oder Modul suchen...">
       </div>
     </div>
 
     <!-- Category Filter Tabs -->
     <div class="portal-filter-tabs" style="margin-bottom: 20px;">
-      <button type="button" class="portal-tab-pill active" id="tab-pill-all" onclick="filterCourses('all', this)">🌟 Alle Fachbereiche</button>
-      <button type="button" class="portal-tab-pill" id="tab-pill-ihk" onclick="filterCourses('ihk', this)">🎓 IHK Prüfung</button>
-      <button type="button" class="portal-tab-pill" id="tab-pill-devops" onclick="filterCourses('devops', this)">🐧 DevOps, Linux &amp; AD</button>
-      <button type="button" class="portal-tab-pill" id="tab-pill-coding" onclick="filterCourses('coding', this)">💻 Backend &amp; Systems</button>
-      <button type="button" class="portal-tab-pill" id="tab-pill-data" onclick="filterCourses('data', this)">🗄️ Daten &amp; Web</button>
+      <button type="button" class="portal-tab-pill active" id="tab-pill-all" onclick="filterCourses('all', this)">Alle Fachbereiche</button>
+      <button type="button" class="portal-tab-pill" id="tab-pill-ihk" onclick="filterCourses('ihk', this)">IHK Prüfungsvorbereitung</button>
+      <button type="button" class="portal-tab-pill" id="tab-pill-devops" onclick="filterCourses('devops', this)">DevOps &amp; Infrastruktur</button>
+      <button type="button" class="portal-tab-pill" id="tab-pill-coding" onclick="filterCourses('coding', this)">Softwaretechnik &amp; Systems</button>
+      <button type="button" class="portal-tab-pill" id="tab-pill-data" onclick="filterCourses('data', this)">Datenbanken &amp; Web</button>
     </div>
 
     <!-- AUSBILDUNGSPLAN & KMK-LERNFELDER BEREICH -->
     <div class="apprenticeship-panel" id="azubi-panel">
       <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 12px;">
         <div style="display: flex; align-items: center; gap: 12px;">
-          <div style="width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, #0284c7, #1d4ed8); display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: white;">
-            🎓
+          <div style="width: 38px; height: 38px; border-radius: 8px; background: #0f172a; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: white;">
+            📋
           </div>
           <div>
-            <h3 style="margin: 0; font-size: 1.2rem; font-weight: 800; color: #0f172a;">Dein IT-Ausbildungsplan &amp; KMK-Lernfelder (2020)</h3>
-            <p style="margin: 2px 0 0 0; font-size: 0.86rem; color: #64748b;">Gezielte Zuweisung nach Ausbildungsberuf und Ausbildungsjahr (1.–3. Lehrjahr mit AP1/AP2 Relevanz).</p>
+            <h3 style="margin: 0; font-size: 1.12rem; font-weight: 700; color: #0f172a;">Ausbildungsrahmenplan &amp; KMK-Lernfelder (2020)</h3>
+            <p style="margin: 2px 0 0 0; font-size: 0.85rem; color: #64748b;">Lehrplan-Zuordnung nach IT-Ausbildungsberuf und Ausbildungsjahr (1.–3. Lehrjahr mit AP1/AP2 Relevanz).</p>
           </div>
         </div>
 
         <!-- Profession Dropdown & Save Button -->
         <div style="display: flex; flex-direction: column; align-items: flex-end; gap: 6px;">
           <div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
-            <label for="azubi-prof-select" style="font-size: 0.85rem; font-weight: 700; color: #475569;">Mein IT-Beruf:</label>
-            <select id="azubi-prof-select" onchange="onProfessionChanged()" style="padding: 7px 12px; font-size: 0.86rem; font-weight: 600; border-radius: 8px; border: 1px solid #cbd5e1; background: #f8fafc; color: #0f172a; cursor: pointer;">
-              <option value="">-- Kein Ausbildungsberuf gewählt --</option>
-              <option value="FISI">🖥️ FISI - Systemintegration</option>
-              <option value="FIAE">💻 FIAE - Anwendungsentwicklung</option>
-              <option value="FIDP">📊 FIDP - Daten- &amp; Prozessanalyse</option>
-              <option value="FIDV">🌐 FIDV - Digitale Vernetzung</option>
-              <option value="ITSE">⚡ ITSE - IT-System-Elektronik</option>
-              <option value="ITSM">💼 ITSM - IT-System-Management</option>
-              <option value="KDM">📈 KDM - Digitalisierungsmanagement</option>
-              <option value="ALL">🌟 Alle Ausbildungsberufe anzeigen (Dozent / Admin)</option>
+            <label for="azubi-prof-select" style="font-size: 0.85rem; font-weight: 600; color: #475569;">Ausbildungsberuf:</label>
+            <select id="azubi-prof-select" onchange="onProfessionChanged()" style="padding: 7px 12px; font-size: 0.86rem; font-weight: 500; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; color: #0f172a; cursor: pointer;">
+              <option value="">-- Kein Ausbildungsberuf festgelegt --</option>
+              <option value="FISI">Fachinformatiker/in für Systemintegration (FISI)</option>
+              <option value="FIAE">Fachinformatiker/in für Anwendungsentwicklung (FIAE)</option>
+              <option value="FIDP">Fachinformatiker/in für Daten- und Prozessanalyse (FIDP)</option>
+              <option value="FIDV">Fachinformatiker/in für Digitale Vernetzung (FIDV)</option>
+              <option value="ITSE">IT-System-Elektroniker/in (ITSE)</option>
+              <option value="ITSM">Kaufleute für IT-System-Management (ITSM)</option>
+              <option value="KDM">Kaufleute für Digitalisierungsmanagement (KDM)</option>
+              <option value="ALL">Alle 7 IT-Berufe (Dozenten- &amp; Admin-Vollansicht)</option>
             </select>
-            <button type="button" class="btn" id="btn-save-apprenticeship" onclick="saveApprenticeshipChoice()" style="background: #0284c7; color: white; padding: 7px 14px; font-size: 0.82rem; font-weight: 700; border-radius: 8px; border: none; cursor: pointer;" title="Beruf in deinem Account speichern">
-              💾 Im Account speichern
+            <button type="button" class="btn" id="btn-save-apprenticeship" onclick="saveApprenticeshipChoice()" style="background: #1d4ed8; color: white; padding: 7px 14px; font-size: 0.82rem; font-weight: 600; border-radius: 6px; border: none; cursor: pointer;" title="Beruf in deinem Account speichern">
+              Im Account speichern
             </button>
           </div>
           <!-- Account Status Info Badge -->
-          <div id="azubi-prof-account-badge" style="font-size: 0.78rem; display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; background: #f1f5f9; border: 1px solid #e2e8f0; color: #475569;">
+          <div id="azubi-prof-account-badge" style="font-size: 0.78rem; display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; background: #f8fafc; border: 1px solid #e2e8f0; color: #475569;">
             <span id="azubi-prof-account-msg">Lade Berufsstatus...</span>
           </div>
         </div>
@@ -423,11 +424,11 @@
 
       <!-- Year Filter Tabs & Assigned Filter -->
       <div style="display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid #f1f5f9; padding-top: 14px;" id="azubi-year-tabs">
-        <button type="button" class="year-pill active" id="pill-year-all" onclick="filterByYear('all', this)">🌟 Alle Lehrjahre</button>
-        <button type="button" class="year-pill" id="pill-year-1" onclick="filterByYear(1, this)">🌱 1. Lehrjahr (LF 1–5)</button>
-        <button type="button" class="year-pill" id="pill-year-2" onclick="filterByYear(2, this)">⚡ 2. Lehrjahr (LF 6–9 · AP1)</button>
-        <button type="button" class="year-pill" id="pill-year-3" onclick="filterByYear(3, this)">🚀 3. Lehrjahr (LF 10–12 · AP2)</button>
-        <button type="button" class="year-pill assigned-only-btn" id="btn-filter-assigned" onclick="filterByAssigned(this)">🔒 Nur mir zugewiesene Kurse</button>
+        <button type="button" class="year-pill active" id="pill-year-all" onclick="filterByYear('all', this)">Alle Lehrjahre</button>
+        <button type="button" class="year-pill" id="pill-year-1" onclick="filterByYear(1, this)">1. Lehrjahr (LF 1–5)</button>
+        <button type="button" class="year-pill" id="pill-year-2" onclick="filterByYear(2, this)">2. Lehrjahr (LF 6–9 · AP1)</button>
+        <button type="button" class="year-pill" id="pill-year-3" onclick="filterByYear(3, this)">3. Lehrjahr (LF 10–12 · AP2)</button>
+        <button type="button" class="year-pill assigned-only-btn" id="btn-filter-assigned" onclick="filterByAssigned(this)">Zugewiesene Module</button>
       </div>
 
       <!-- Dynamic Lernfeld Drawer / Infobox -->
@@ -480,10 +481,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap1&chapter=01_lf1_unternehmen_und_arbeitsplatz" class="btn-start-ide" onclick="trackLastCourse('ihk_ap1', 'IHK AP1: IT-Arbeitsplatz', '📘')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap1/01_lf1_unternehmen_und_arbeitsplatz/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -513,10 +514,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_fisi&chapter=01_lf9_netzwerkinfrastruktur_und_routing" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_fisi', 'IHK AP2 Systemintegration', '📕')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_fisi/01_lf9_netzwerkinfrastruktur_und_routing/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -546,10 +547,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_fiae&chapter=01_software_architektur_und_design_patterns" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_fiae', 'IHK AP2 Anwendungsentwicklung', '💻')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_fiae/01_software_architektur_und_design_patterns/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -579,10 +580,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_fidp&chapter=01_prozessanalyse_und_prozessoptimierung" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_fidp', 'IHK AP2 Datenanalyse', '📊')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_fidp/01_prozessanalyse_und_prozessoptimierung/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -612,10 +613,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_fidv&chapter=01_industrie40_und_cyber_physische_systeme" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_fidv', 'IHK AP2 Digitale Vernetzung', '🏭')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_fidv/01_industrie40_und_cyber_physische_systeme/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -645,10 +646,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_itse&chapter=01_elektrotechnik_und_schutzmassnahmen_vde0100" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_itse', 'IHK AP2 IT-System-Elektroniker', '⚡')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_itse/01_elektrotechnik_und_schutzmassnahmen_vde0100/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -678,10 +679,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_itsm&chapter=01_it_marktanalyse_wettbewerb_und_swot" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_itsm', 'IHK AP2 IT-System-Management', '💼')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_itsm/01_it_marktanalyse_wettbewerb_und_swot/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -711,10 +712,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=ihk_ap2_kdm&chapter=01_digitale_geschaeftsmodelle_und_bmc" class="btn-start-ide" onclick="trackLastCourse('ihk_ap2_kdm', 'IHK AP2 Digitalisierungsmanagement', '📈')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/ihk_ap2_kdm/01_digitale_geschaeftsmodelle_und_bmc/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -744,10 +745,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=python&chapter=01_erste_schritte_taschenrechner" class="btn-start-ide" onclick="trackLastCourse('python', 'Python 3 Professional', '🐍')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -777,10 +778,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=bash&chapter=01_navigation_dateien_und_globbing" class="btn-start-ide" onclick="trackLastCourse('bash', 'Linux Bash & Cloud DevOps', '🐧')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/bash/01_navigation_dateien_und_globbing/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -810,10 +811,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=powershell&chapter=01_powershell_konsole_und_cmdlet_architektur" class="btn-start-ide" onclick="trackLastCourse('powershell', 'PowerShell 7+ Core', '🛡️')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/powershell/01_powershell_konsole_und_cmdlet_architektur/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -844,10 +845,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=active_directory&chapter=01_ad_architektur_und_wald_baum_domaene" class="btn-start-ide" onclick="trackLastCourse('active_directory', 'Active Directory', '🏛️')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/active_directory/01_ad_architektur_und_wald_baum_domaene/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -877,10 +878,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=git&chapter=01_git_init_und_repo_basics" class="btn-start-ide" onclick="trackLastCourse('git', 'Git Versionskontrolle', '🔀')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/git/01_git_init_und_repo_basics/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -910,10 +911,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=dns_records&chapter=01_dns_hierarchie_und_root_server" class="btn-start-ide" onclick="trackLastCourse('dns_records', 'DNS-Records & Domain Security', '🌐')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/dns_records/01_dns_hierarchie_und_root_server/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -943,10 +944,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=sql&chapter=01_tabellen_und_select" class="btn-start-ide" onclick="trackLastCourse('sql', 'SQL Datenbank-Architektur', '🐬')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/sql/01_tabellen_und_select/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -976,10 +977,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=javascript&chapter=01_erste_schritte_variablen" class="btn-start-ide" onclick="trackLastCourse('javascript', 'JavaScript & TypeScript', '🌐')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/javascript/01_erste_schritte_variablen/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1009,10 +1010,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=java&chapter=01_java_syntax_und_primitive_typen" class="btn-start-ide" onclick="trackLastCourse('java', 'Java 21+ Enterprise', '☕')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/java/01_java_syntax_und_primitive_typen/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1042,10 +1043,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=rust&chapter=01_variablen_mutabilitaet_und_typen" class="btn-start-ide" onclick="trackLastCourse('rust', 'Rust Systems & Safety', '🦀')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/rust/01_variablen_mutabilitaet_und_typen/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1075,10 +1076,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=go&chapter=01_syntax_variablen_und_typen" class="btn-start-ide" onclick="trackLastCourse('go', 'Go Microservices & Concurrency', '🐹')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/go/01_syntax_variablen_und_typen/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1108,10 +1109,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=csharp&chapter=01_syntax_datentypen_und_top_level_statements" class="btn-start-ide" onclick="trackLastCourse('csharp', 'C# 12 & .NET 8', '🔷')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/csharp/01_syntax_datentypen_und_top_level_statements/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1141,10 +1142,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=cpp&chapter=01_c_syntax_datentypen_und_io" class="btn-start-ide" onclick="trackLastCourse('cpp', 'C & C++20 Systems Engineering', '⚙️')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/cpp/01_c_syntax_datentypen_und_io/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1174,10 +1175,10 @@
         </div>
         <div class="portal-card-footer" style="margin-top: 14px;">
           <a href="workspace.html?course=html_css&chapter=01_semantisches_html_und_struktur" class="btn-start-ide" onclick="trackLastCourse('html_css', 'HTML5 & Modern CSS3', '🎨')">
-            <span>▶ Kurs starten</span> <span>&rarr;</span>
+            <span>Kurs öffnen</span> <span>&rarr;</span>
           </a>
           <a href="courses/html_css/01_semantisches_html_und_struktur/index.html" class="btn-view-theory">
-            <span>📖 Lehrplan</span>
+            <span>Lehrplan &amp; Theorie</span>
           </a>
         </div>
       </div>
@@ -1185,100 +1186,99 @@
     </div>
 
     <!-- 4. IHK PRÜFUNGSVORBEREITUNG (DIREKTE NUTZUNG) -->
-    <section class="card" id="ihk-section" style="margin-top: 56px; border: 1px solid #bfdbfe; background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%); border-radius: 16px; padding: 32px;">
+    <section class="card" id="ihk-section" style="margin-top: 48px; border: 1px solid #cbd5e1; background: #ffffff; border-radius: 12px; padding: 28px;">
       <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 24px;">
         <div>
-          <span class="portal-card-badge badge-ihk" style="font-size: 0.8rem; font-weight: 800;">Offizieller Prüfungsstandard</span>
-          <h3 style="margin: 8px 0 6px 0; font-size: 1.6rem; color: #1e3a8a; font-weight: 900;">🎓 IHK Prüfungstrainer AP1 &amp; AP2</h3>
-          <p style="margin: 0; color: #475569; font-size: 0.95rem; max-width: 780px;">Realistische Prüfungssimulation nach der neuen Ausbildungsordnung (AO 2020) für Fachinformatiker aller Fachrichtungen mit Timer, Notenschlüssel &amp; Lösungserklärungen.</p>
+          <span class="portal-card-badge" style="background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; font-size: 0.78rem; font-weight: 600;">Offizieller Prüfungsstandard</span>
+          <h3 style="margin: 8px 0 6px 0; font-size: 1.45rem; color: #0f172a; font-weight: 800;">IHK Prüfungsvorbereitung AP1 &amp; AP2</h3>
+          <p style="margin: 0; color: #475569; font-size: 0.92rem; max-width: 780px;">Prüfungssimulation nach bundeseinheitlicher Ausbildungsordnung (AO 2020) für Fachinformatiker aller Fachrichtungen mit Zeitbegrenzung, Notenschlüssel und detaillierten Lösungserklärungen.</p>
         </div>
-        <a href="courses/ihk_ap1/12_ap1_probepruefung_simulation/index.html" class="btn" style="background: #1d4ed8; color: white; padding: 10px 20px; font-weight: 800; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px;">
-          <span>⚡ 90-Min AP1 Probeprüfung starten</span>
+        <a href="courses/ihk_ap1/12_ap1_probepruefung_simulation/index.html" class="portal-btn-primary" style="padding: 10px 18px; font-size: 0.88rem;">
+          <span>AP1 Probeprüfung starten &rarr;</span>
         </a>
       </div>
 
       <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 16px;">
-        <div class="ihk-quick-card" data-ihk-profession="common" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #1e3a8a; font-size: 1.05rem;">📘 AP1: IT-Arbeitsplatz (LF 1–8)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Gemeinsame Kernqualifikationen für alle IT-Berufe: Verträge, Ergonomie, Subnetting, BSI, BPMN 2.0, Belege &amp; Netzplan.</p>
-          <a href="workspace.html?course=ihk_ap1&chapter=01_lf1_unternehmen_und_arbeitsplatz" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px;">
-            <span>▶ AP1 Module üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="common" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP1: IT-Arbeitsplatz &amp; Basissysteme (LF 1–8)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Gemeinsame Kernqualifikationen für alle IT-Berufe: Verträge, Ergonomie, Subnetting, BSI, BPMN 2.0, Belege &amp; Netzplan.</p>
+          <a href="workspace.html?course=ihk_ap1&chapter=01_lf1_unternehmen_und_arbeitsplatz" class="btn-start-ide">
+            <span>AP1 Module öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="FISI" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #991b1b; font-size: 1.05rem;">📕 AP2: Systemintegration (FISI)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">VLAN &amp; Routing, VRT-Symbole, Active Directory, RAID 0-10, Backup 3-2-1-1-0, Enterprise SQL &amp; 40h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_fisi&chapter=01_lf9_netzwerkinfrastruktur_und_routing" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #991b1b;">
-            <span>▶ AP2 FISI üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="FISI" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: Systemintegration (FISI)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">VLAN &amp; Routing, VRT-Symbole, Active Directory, RAID 0-10, Backup 3-2-1-1-0, Enterprise SQL &amp; 40h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_fisi&chapter=01_lf9_netzwerkinfrastruktur_und_routing" class="btn-start-ide">
+            <span>AP2 FISI öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="FIAE" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #0369a1; font-size: 1.05rem;">💻 AP2: Anwendungsentwicklung (FIAE)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Clean Architecture, GoF-Entwurfsmuster, UML 2.5, Algorithmen (O-Notation), OOP &amp; SOLID, REST/GraphQL &amp; 80h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_fiae&chapter=01_software_architektur_und_design_patterns" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #0369a1;">
-            <span>▶ AP2 FIAE üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="FIAE" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: Anwendungsentwicklung (FIAE)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Clean Architecture, GoF-Entwurfsmuster, UML 2.5, Algorithmen (O-Notation), OOP &amp; SOLID, REST/GraphQL &amp; 80h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_fiae&chapter=01_software_architektur_und_design_patterns" class="btn-start-ide">
+            <span>AP2 FIAE öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="FIDP" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #0d9488; font-size: 1.05rem;">📊 AP2: Daten- &amp; Prozessanalyse (FIDP)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Prozessoptimierung, BPMN 2.0, ISO 25012 Datenqualität, ETL/CDC, Star-Schema, Statistik, ML-Evaluation &amp; 40h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_fidp&chapter=01_prozessanalyse_und_prozessoptimierung" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #0d9488;">
-            <span>▶ AP2 FIDP üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="FIDP" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: Daten- &amp; Prozessanalyse (FIDP)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Prozessoptimierung, BPMN 2.0, ISO 25012 Datenqualität, ETL/CDC, Star-Schema, Statistik, ML-Evaluation &amp; 40h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_fidp&chapter=01_prozessanalyse_und_prozessoptimierung" class="btn-start-ide">
+            <span>AP2 FIDP öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="FIDV" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #b45309; font-size: 1.05rem;">🏭 AP2: Digitale Vernetzung (FIDV)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Cyber-Physische Systeme, RAMI 4.0, IO-Link, Profinet IO, TSN, OPC UA/MQTT, 5G-Campus, IEC 62443, Purdue &amp; 40h-Projekt.</p>
-          <a href="workspace.html?course=ihk_ap2_fidv&chapter=01_industrie40_und_cyber_physische_systeme" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #b45309;">
-            <span>▶ AP2 FIDV üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="FIDV" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: Digitale Vernetzung (FIDV)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Cyber-Physische Systeme, RAMI 4.0, IO-Link, Profinet IO, TSN, OPC UA/MQTT, 5G-Campus, IEC 62443, Purdue &amp; 40h-Projekt.</p>
+          <a href="workspace.html?course=ihk_ap2_fidv&chapter=01_industrie40_und_cyber_physische_systeme" class="btn-start-ide">
+            <span>AP2 FIDV öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="ITSE" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #d97706; font-size: 1.05rem;">⚡ AP2: IT-System-Elektroniker (ITSE)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">VDE 0100/0701, DGUV V3, USV (VFI), LWL-Spleißen &amp; OTDR, EMV, Brandschottung &amp; 40h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_itse&chapter=01_elektrotechnik_und_schutzmassnahmen_vde0100" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #d97706;">
-            <span>▶ AP2 ITSE üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="ITSE" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: IT-System-Elektroniker (ITSE)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">VDE 0100/0701, DGUV V3, USV (VFI), LWL-Spleißen &amp; OTDR, EMV, Brandschottung &amp; 40h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_itse&chapter=01_elektrotechnik_und_schutzmassnahmen_vde0100" class="btn-start-ide">
+            <span>AP2 ITSE öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="ITSM" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #0284c7; font-size: 1.05rem;">💼 AP2: IT-System-Management (ITSM)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">7P-Marketing, Handelskalkulation, TCO/ROI, EVB-IT Verträge, SLAs, ITIL &amp; 40h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_itsm&chapter=01_it_marktanalyse_wettbewerb_und_swot" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #0284c7;">
-            <span>▶ AP2 ITSM üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="ITSM" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: IT-System-Management (ITSM)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">7P-Marketing, Handelskalkulation, TCO/ROI, EVB-IT Verträge, SLAs, ITIL &amp; 40h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_itsm&chapter=01_it_marktanalyse_wettbewerb_und_swot" class="btn-start-ide">
+            <span>AP2 ITSM öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="KDM" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #059669; font-size: 1.05rem;">📈 AP2: Digitalisierungsmanagement (KDM)</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Business Model Canvas, Plattformökonomie, BPMN 2.0, GoBD/DMS, XRechnung, DSFA &amp; 40h-Projektleitfaden.</p>
-          <a href="workspace.html?course=ihk_ap2_kdm&chapter=01_digitale_geschaeftsmodelle_und_bmc" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #059669;">
-            <span>▶ AP2 KDM üben</span>
+        <div class="ihk-quick-card" data-ihk-profession="KDM" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">AP2: Digitalisierungsmanagement (KDM)</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Business Model Canvas, Plattformökonomie, BPMN 2.0, GoBD/DMS, XRechnung, DSFA &amp; 40h-Projektleitfaden.</p>
+          <a href="workspace.html?course=ihk_ap2_kdm&chapter=01_digitale_geschaeftsmodelle_und_bmc" class="btn-start-ide">
+            <span>AP2 KDM öffnen &rarr;</span>
           </a>
         </div>
 
-        <div class="ihk-quick-card" data-ihk-profession="common" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1.05rem;">⚡ Subnetting-Drill Master</h4>
-          <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 14px 0;">Interaktiver Rechentrainer: Netz-ID, Broadcast-Adresse, Hostbereich &amp; Präfixlängen im Sekundentakt trainieren.</p>
-          <a href="courses/ihk_ap1/11_subnetting_drill_master/index.html" class="btn-start-ide" style="font-size: 0.84rem; padding: 8px 14px; background: #0f172a;">
-            <span>▶ Subnetting-Drill öffnen</span>
+        <div class="ihk-quick-card" data-ihk-profession="common" style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: var(--shadow-sm);">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">Subnetting-Drill Master</h4>
+          <p style="font-size: 0.85rem; color: #64748b; margin: 0 0 14px 0; line-height: 1.5;">Interaktiver Rechentrainer: Netz-ID, Broadcast-Adresse, Hostbereich &amp; Präfixlängen im Sekundentakt trainieren.</p>
+          <a href="courses/ihk_ap1/11_subnetting_drill_master/index.html" class="btn-start-ide">
+            <span>Subnetting-Drill starten &rarr;</span>
           </a>
         </div>
 
         <!-- Hinweisfeld wenn kein Ausbildungsberuf im Account gewählt ist -->
-        <div id="ihk-no-prof-hint" style="display: none; grid-column: 1 / -1; background: #f8fafc; border: 2px dashed #94a3b8; border-radius: 12px; padding: 24px; text-align: center;">
-          <div style="font-size: 2rem; margin-bottom: 8px;">🔒</div>
-          <h4 style="margin: 0 0 6px 0; color: #1e293b; font-size: 1.05rem; font-weight: 800;">Fachspezifischer AP2-Prüfungskurs gesperrt</h4>
-          <p style="font-size: 0.88rem; color: #64748b; margin: 0 0 14px 0; max-width: 580px; margin-inline: auto;">
-            Auf deinem Dashboard werden nur Kurse für deinen im Account hinterlegten Ausbildungsberuf angezeigt. Wähle oben im Ausbildungsplan deinen IT-Beruf aus und klicke auf Speichern, um deinen passenden AP2-Trainer freizuschalten.
+        <div id="ihk-no-prof-hint" style="display: none; grid-column: 1 / -1; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 10px; padding: 24px; text-align: center;">
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1rem; font-weight: 700;">Berufsspezifischer Prüfungskurs (AP2)</h4>
+          <p style="font-size: 0.88rem; color: #64748b; margin: 0 0 14px 0; max-width: 580px; margin-inline: auto; line-height: 1.5;">
+            Auf deinem Dashboard werden die Kurse für deinen im Account hinterlegten Ausbildungsberuf angezeigt. Wähle oben im Ausbildungsrahmenplan deinen IT-Beruf aus und klicke auf Speichern, um deinen passenden AP2-Trainer freizuschalten.
           </p>
-          <button type="button" onclick="document.getElementById('azubi-panel').scrollIntoView({behavior:'smooth'})" class="btn" style="background: #0284c7; color: white; padding: 8px 18px; font-weight: 700; border: none; border-radius: 8px; cursor: pointer;">
-            🎓 IT-Ausbildungsberuf wählen &rarr;
+          <button type="button" onclick="document.getElementById('azubi-panel').scrollIntoView({behavior:'smooth'})" class="portal-btn-primary" style="padding: 8px 16px; font-size: 0.84rem;">
+            Ausbildungsberuf festlegen &rarr;
           </button>
         </div>
       </div>
@@ -1536,6 +1536,7 @@
       const msgEl = document.getElementById('azubi-prof-account-msg');
       const badgeEl = document.getElementById('azubi-prof-account-badge');
       const navProf = document.getElementById('nav-auth-profession');
+      const statProf = document.getElementById('stat-user-prof-name');
       if (!msgEl || !badgeEl) return;
 
       if (navProf) {
@@ -1550,26 +1551,36 @@
         }
       }
 
+      if (statProf) {
+        if (!currentProfession) {
+          statProf.innerText = 'Nicht festgelegt';
+        } else if (currentProfession === 'ALL') {
+          statProf.innerText = 'Alle IT-Berufe (Admin)';
+        } else {
+          statProf.innerText = PROFESSION_NAMES[currentProfession] || currentProfession;
+        }
+      }
+
       if (!currentProfession) {
         badgeEl.style.background = '#fef2f2';
         badgeEl.style.borderColor = '#fecaca';
         badgeEl.style.color = '#991b1b';
-        msgEl.innerHTML = '⚠️ <strong>Kein Ausbildungsberuf im Account angegeben:</strong> Spezifische AP2-Prüfungskurse sind ausgeblendet. Wähle oben deinen Beruf und klicke auf Speichern.';
+        msgEl.innerHTML = '<strong>Kein Ausbildungsberuf hinterlegt:</strong> Berufsbezogene AP2-Kurse sind ausgeblendet. Wähle oben deinen Beruf und klicke auf Speichern.';
       } else if (currentProfession === 'ALL') {
-        badgeEl.style.background = '#eff6ff';
-        badgeEl.style.borderColor = '#bfdbfe';
-        badgeEl.style.color = '#1e40af';
-        msgEl.innerHTML = '🌟 <strong>Dozenten- &amp; Admin-Vollansicht:</strong> Alle 7 IT-Ausbildungsberufe sind auf dem Dashboard sichtbar.';
+        badgeEl.style.background = '#f8fafc';
+        badgeEl.style.borderColor = '#cbd5e1';
+        badgeEl.style.color = '#1e293b';
+        msgEl.innerHTML = '<strong>Dozenten- &amp; Admin-Vollansicht:</strong> Alle IT-Ausbildungsberufe sind auf dem Dashboard freigeschaltet.';
       } else if (currentProfession === accountProfession) {
         badgeEl.style.background = '#f0fdf4';
         badgeEl.style.borderColor = '#bbf7d0';
         badgeEl.style.color = '#166534';
-        msgEl.innerHTML = `✅ <strong>Im Account gespeichert:</strong> ${PROFESSION_NAMES[currentProfession] || currentProfession}. Es wird exklusiv dein passender AP2-Prüfungskurs angezeigt.`;
+        msgEl.innerHTML = `<strong>Im Account hinterlegt:</strong> ${PROFESSION_NAMES[currentProfession] || currentProfession}. Es wird exklusiv dein passender AP2-Prüfungskurs angezeigt.`;
       } else {
         badgeEl.style.background = '#fffbeb';
         badgeEl.style.borderColor = '#fde68a';
         badgeEl.style.color = '#92400e';
-        msgEl.innerHTML = `⏳ <strong>Vorschau für:</strong> ${PROFESSION_NAMES[currentProfession] || currentProfession} (noch nicht im Account gespeichert). Klicke auf <strong>💾 Im Account speichern</strong>.`;
+        msgEl.innerHTML = `<strong>Vorschau:</strong> ${PROFESSION_NAMES[currentProfession] || currentProfession} (noch nicht im Account gespeichert). Klicke auf <strong>Im Account speichern</strong>.`;
       }
     }
 
@@ -1666,11 +1677,11 @@
       const pillCoding = document.getElementById('tab-pill-coding');
       const pillData = document.getElementById('tab-pill-data');
 
-      if (pillAll) pillAll.innerText = `🌟 Alle Fachbereiche (${counts.all})`;
-      if (pillIhk) pillIhk.innerText = `🎓 IHK Prüfung (${counts.ihk})`;
-      if (pillDevops) pillDevops.innerText = `🐧 DevOps, Linux & AD (${counts.devops})`;
-      if (pillCoding) pillCoding.innerText = `💻 Backend & Systems (${counts.coding})`;
-      if (pillData) pillData.innerText = `🗄️ Daten & Web (${counts.data})`;
+      if (pillAll) pillAll.innerText = `Alle Fachbereiche (${counts.all})`;
+      if (pillIhk) pillIhk.innerText = `IHK Prüfungsvorbereitung (${counts.ihk})`;
+      if (pillDevops) pillDevops.innerText = `DevOps & Infrastruktur (${counts.devops})`;
+      if (pillCoding) pillCoding.innerText = `Softwaretechnik & Systems (${counts.coding})`;
+      if (pillData) pillData.innerText = `Datenbanken & Web (${counts.data})`;
     }
 
     // 3. Live Category Filter
@@ -1686,6 +1697,10 @@
       document.querySelectorAll('.year-pill').forEach(btn => btn.classList.remove('active'));
       if (element) element.classList.add('active');
       currentYear = year;
+      const statYear = document.getElementById('stat-user-year-name');
+      if (statYear) {
+        statYear.innerText = (year === 'all') ? 'Alle Lehrjahre' : `${year}. Ausbildungsjahr`;
+      }
       renderLernfelder(currentProfession, year);
       applyAllFilters();
     }
@@ -1695,6 +1710,10 @@
       document.querySelectorAll('.year-pill').forEach(btn => btn.classList.remove('active'));
       if (element) element.classList.add('active');
       currentYear = 'assigned';
+      const statYear = document.getElementById('stat-user-year-name');
+      if (statYear) {
+        statYear.innerText = 'Dozenten-Zuweisung';
+      }
       renderLernfelder(currentProfession, 'assigned');
       applyAllFilters();
     }
@@ -1734,10 +1753,10 @@
             currentProfession = prof;
             updateProfessionStatusBadge();
             if (btn) {
-              btn.innerText = '✓ Im Account gespeichert!';
+              btn.innerText = 'Gespeichert!';
               btn.style.background = '#10b981';
               setTimeout(() => {
-                btn.innerText = '💾 Im Account speichern';
+                btn.innerText = 'Im Account speichern';
                 btn.style.background = '#0284c7';
               }, 2000);
             }
@@ -1758,8 +1777,8 @@
         accountProfession = prof;
         currentProfession = prof;
         updateProfessionStatusBadge();
-        if (btn) btn.innerText = '✓ Lokal gemerkt';
-        setTimeout(() => { if (btn) btn.innerText = '💾 Im Account speichern'; }, 2000);
+        if (btn) btn.innerText = 'Lokal übernommen';
+        setTimeout(() => { if (btn) btn.innerText = 'Im Account speichern'; }, 2000);
         applyAllFilters();
       }
     }
@@ -1784,7 +1803,7 @@
 
       if (year === 'assigned') {
         container.style.display = 'block';
-        if (titleEl) titleEl.innerText = `🔒 Deine zugeteilten Kurse (${userAssignedCourses.length} Kurse aktiv)`;
+        if (titleEl) titleEl.innerText = `Zugeteilte Kurse (${userAssignedCourses.length} Kurse aktiv)`;
         if (badgeEl) badgeEl.innerText = 'Dozenten-Zuweisung';
 
         if (userAssignedCourses.length === 0) {
@@ -1804,7 +1823,7 @@
                 </div>
                 <div style="margin-top: 6px;">
                   <a href="workspace.html?course=${cid}" class="btn-start-ide" style="font-size: 0.78rem; padding: 5px 10px;">
-                    ▶ In Web-IDE üben &rarr;
+                    In Web-IDE üben &rarr;
                   </a>
                 </div>
               </div>`;
@@ -1819,7 +1838,7 @@
       container.style.display = 'block';
 
       if (titleEl) {
-        titleEl.innerText = `📖 Lernfelder im ${year}. Ausbildungsjahr (${prof.shortName})`;
+        titleEl.innerText = `Lernfelder im ${year}. Ausbildungsjahr (${prof.shortName})`;
       }
       if (badgeEl) {
         badgeEl.innerText = year === 2 ? 'IHK AP1 Prüfungsrelevant' : (year === 3 ? 'IHK AP2 Fachvertiefung' : 'Kernqualifikationen');
@@ -1887,7 +1906,7 @@
       const user = window.AUTH ? window.AUTH.getUser() : null;
       if (user) {
         const nameStr = user.name || user.email.split('@')[0];
-        document.getElementById('nav-auth-user').innerText = `👤 ${nameStr}`;
+        document.getElementById('nav-auth-user').innerText = nameStr;
         document.getElementById('dash-greeting-name').innerText = nameStr;
         const roleEl = document.getElementById('nav-auth-role');
         if (roleEl) {
@@ -1977,7 +1996,7 @@
               const streak = user.streak_days || 1;
               document.getElementById('stat-user-xp').innerText = xp;
               document.getElementById('stat-user-level').innerText = level;
-              document.getElementById('stat-user-streak').innerText = `${streak} 🔥`;
+              document.getElementById('stat-user-streak').innerText = `${streak} Tag(e)`;
             }
           }
 
diff --git a/datenschutz.html b/datenschutz.html
index fcd0fda..724c766 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -27,19 +27,19 @@
       </a>
 
       <nav class="portal-nav-links">
-        <a href="index.html#hero" class="portal-nav-link">🚀 Start</a>
-        <a href="index.html#was-du-bekommst" class="portal-nav-link">💎 Das Konzept</a>
-        <a href="dashboard.html" class="portal-nav-link" id="nav-dashboard-link" style="color: #34d399; font-weight: 700;">💻 Kurs-Dashboard</a>
-        <a href="index.html#ihk-section" class="portal-nav-link">🎓 IHK Prüfung</a>
-        <a href="workspace.html?course=python" class="portal-nav-link">💻 Web-IDE</a>
-        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">👨‍🏫 Dozenten</a>
-        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin</a>
+        <a href="index.html#hero" class="portal-nav-link">Start</a>
+        <a href="index.html#was-du-bekommst" class="portal-nav-link">Lehrkonzept</a>
+        <a href="dashboard.html" class="portal-nav-link" id="nav-dashboard-link" style="color: #38bdf8; font-weight: 600;">Kurs-Dashboard</a>
+        <a href="index.html#ihk-section" class="portal-nav-link">IHK-Prüfung</a>
+        <a href="workspace.html?course=python" class="portal-nav-link">Web-IDE</a>
+        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">Dozentenbereich</a>
+        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
       </nav>
 
       <div style="display: flex; align-items: center; gap: 8px;">
         <span id="nav-auth-user" style="display: none; font-size: 0.82rem; font-weight: 700; color: #38bdf8; background: rgba(56, 189, 248, 0.1); padding: 4px 10px; border-radius: 99px; border: 1px solid rgba(56, 189, 248, 0.2);"></span>
-        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2);" onclick="window.openAuthModal('login', { allowClose: true })">🔑 Anmelden</button>
-        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #0284c7; color: white;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">✨ Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
+        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2);" onclick="window.openAuthModal('login', { allowClose: true })">Anmelden</button>
+        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #1d4ed8; color: white;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
         <button type="button" id="portal-mobile-menu-btn" class="mobile-menu-toggle" aria-label="Menü umschalten" onclick="toggleMobileMenu()">
           <span>☰</span>
         </button>
@@ -49,15 +49,15 @@
 
   <!-- Mobile Navigation Drawer -->
   <div id="portal-mobile-drawer" class="mobile-drawer" style="display: none;">
-    <a href="index.html#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">🚀 Start &amp; Übersicht</a>
-    <a href="index.html#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">💎 Was du bekommst</a>
-    <a href="dashboard.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">📊 Kurs-Dashboard</a>
-    <a href="workspace.html?course=python" class="mobile-drawer-link" onclick="toggleMobileMenu()">💻 Web-IDE starten</a>
-    <a href="index.html#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">🎓 IHK Prüfungstrainer</a>
-    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">⚖️ Impressum</a>
-    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()" style="color: #38bdf8;">🔒 Datenschutzerklärung</a>
-    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">👨‍🏫 Dozenten-Portal</a>
-    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin-Panel</a>
+    <a href="index.html#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">Start &amp; Übersicht</a>
+    <a href="index.html#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">Lehrkonzept</a>
+    <a href="dashboard.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Kurs-Dashboard</a>
+    <a href="workspace.html?course=python" class="mobile-drawer-link" onclick="toggleMobileMenu()">Web-IDE starten</a>
+    <a href="index.html#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">IHK Prüfungstrainer</a>
+    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Impressum</a>
+    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()" style="color: #38bdf8;">Datenschutzerklärung</a>
+    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">Dozentenbereich</a>
+    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
   </div>
 
   <!-- 2. PAGE HEADER BANNER -->
diff --git a/impressum.html b/impressum.html
index a656c81..31358ec 100644
--- a/impressum.html
+++ b/impressum.html
@@ -27,19 +27,19 @@
       </a>
 
       <nav class="portal-nav-links">
-        <a href="index.html#hero" class="portal-nav-link">🚀 Start</a>
-        <a href="index.html#was-du-bekommst" class="portal-nav-link">💎 Das Konzept</a>
-        <a href="dashboard.html" class="portal-nav-link" id="nav-dashboard-link" style="color: #34d399; font-weight: 700;">💻 Kurs-Dashboard</a>
-        <a href="index.html#ihk-section" class="portal-nav-link">🎓 IHK Prüfung</a>
-        <a href="workspace.html?course=python" class="portal-nav-link">💻 Web-IDE</a>
-        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">👨‍🏫 Dozenten</a>
-        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin</a>
+        <a href="index.html#hero" class="portal-nav-link">Start</a>
+        <a href="index.html#was-du-bekommst" class="portal-nav-link">Lehrkonzept</a>
+        <a href="dashboard.html" class="portal-nav-link" id="nav-dashboard-link" style="color: #38bdf8; font-weight: 600;">Kurs-Dashboard</a>
+        <a href="index.html#ihk-section" class="portal-nav-link">IHK-Prüfung</a>
+        <a href="workspace.html?course=python" class="portal-nav-link">Web-IDE</a>
+        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">Dozentenbereich</a>
+        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
       </nav>
 
       <div style="display: flex; align-items: center; gap: 8px;">
         <span id="nav-auth-user" style="display: none; font-size: 0.82rem; font-weight: 700; color: #38bdf8; background: rgba(56, 189, 248, 0.1); padding: 4px 10px; border-radius: 99px; border: 1px solid rgba(56, 189, 248, 0.2);"></span>
-        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2);" onclick="window.openAuthModal('login', { allowClose: true })">🔑 Anmelden</button>
-        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #0284c7; color: white;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">✨ Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
+        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2);" onclick="window.openAuthModal('login', { allowClose: true })">Anmelden</button>
+        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #1d4ed8; color: white;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
         <button type="button" id="portal-mobile-menu-btn" class="mobile-menu-toggle" aria-label="Menü umschalten" onclick="toggleMobileMenu()">
           <span>☰</span>
         </button>
@@ -49,15 +49,15 @@
 
   <!-- Mobile Navigation Drawer -->
   <div id="portal-mobile-drawer" class="mobile-drawer" style="display: none;">
-    <a href="index.html#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">🚀 Start &amp; Übersicht</a>
-    <a href="index.html#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">💎 Was du bekommst</a>
-    <a href="dashboard.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">📊 Kurs-Dashboard</a>
-    <a href="workspace.html?course=python" class="mobile-drawer-link" onclick="toggleMobileMenu()">💻 Web-IDE starten</a>
-    <a href="index.html#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">🎓 IHK Prüfungstrainer</a>
-    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()" style="color: #38bdf8;">⚖️ Impressum</a>
-    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">🔒 Datenschutzerklärung</a>
-    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">👨‍🏫 Dozenten-Portal</a>
-    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin-Panel</a>
+    <a href="index.html#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">Start &amp; Übersicht</a>
+    <a href="index.html#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">Lehrkonzept</a>
+    <a href="dashboard.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Kurs-Dashboard</a>
+    <a href="workspace.html?course=python" class="mobile-drawer-link" onclick="toggleMobileMenu()">Web-IDE starten</a>
+    <a href="index.html#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">IHK Prüfungstrainer</a>
+    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()" style="color: #38bdf8;">Impressum</a>
+    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Datenschutzerklärung</a>
+    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">Dozentenbereich</a>
+    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
   </div>
 
   <!-- 2. PAGE HEADER BANNER -->
diff --git a/index.html b/index.html
index 933df3c..ce30269 100644
--- a/index.html
+++ b/index.html
@@ -242,11 +242,10 @@
   <!-- Logged-in Welcome Notification (wird per JS eingeblendet wenn User bereits angemeldet ist) -->
   <div id="landing-logged-in-banner" class="logged-in-banner" style="display: none;">
     <div style="display: flex; align-items: center; gap: 10px;">
-      <span style="font-size: 1.2rem;">👋</span>
-      <span>Du bist eingeloggt als <strong id="landing-user-name">Teilnehmer</strong>. Deine Kurse und dein Lernfortschritt stehen im Dashboard bereit!</span>
+      <span>Angemeldet als <strong id="landing-user-name">Teilnehmer</strong>. Kursfortschritt und Module stehen im Dashboard bereit.</span>
     </div>
-    <a href="dashboard.html" class="btn" style="background: white; color: #0284c7; font-weight: 800; padding: 7px 16px; font-size: 0.85rem; border-radius: 6px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.15);">
-      ▶ Zum Kurs-Dashboard &rarr;
+    <a href="dashboard.html" class="btn" style="background: white; color: #1d4ed8; font-weight: 700; padding: 7px 16px; font-size: 0.85rem; border-radius: 6px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.15);">
+      Zum Kurs-Dashboard &rarr;
     </a>
   </div>
 
@@ -259,25 +258,25 @@
         </div>
         <div>
           <span class="portal-brand-title">IT-Praxisportal</span>
-          <span class="portal-brand-badge">Alpha</span>
+          <span class="portal-brand-badge">Aus- &amp; Weiterbildung</span>
         </div>
       </a>
 
       <nav class="portal-nav-links">
-        <a href="#hero" class="portal-nav-link">🚀 Start</a>
-        <a href="#was-du-bekommst" class="portal-nav-link">💎 Das Konzept</a>
-        <a href="#dashboard-spotlight" class="portal-nav-link">📊 Features</a>
-        <a href="#features-ide" class="portal-nav-link">💻 Web-IDE</a>
-        <a href="#ihk-section" class="portal-nav-link">🎓 IHK Prüfung</a>
-        <a href="#zielgruppen" class="portal-nav-link">👥 Für wen?</a>
-        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">👨‍🏫 Dozenten</a>
-        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin</a>
+        <a href="#hero" class="portal-nav-link">Start</a>
+        <a href="#was-du-bekommst" class="portal-nav-link">Lehrkonzept</a>
+        <a href="#dashboard-spotlight" class="portal-nav-link">Funktionen</a>
+        <a href="#features-ide" class="portal-nav-link">Monaco Web-IDE</a>
+        <a href="#ihk-section" class="portal-nav-link">IHK-Prüfung</a>
+        <a href="#zielgruppen" class="portal-nav-link">Zielgruppen</a>
+        <a href="teacher.html" class="portal-nav-link" id="nav-teacher-link" style="display: none;">Dozentenbereich</a>
+        <a href="admin.html" class="portal-nav-link" id="nav-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
       </nav>
 
       <div style="display: flex; align-items: center; gap: 8px; flex-shrink: 0;">
         <span id="nav-auth-user" style="display: none; font-size: 0.82rem; font-weight: 700; color: #38bdf8; background: rgba(56, 189, 248, 0.1); padding: 4px 10px; border-radius: 99px; border: 1px solid rgba(56, 189, 248, 0.2); white-space: nowrap;"></span>
-        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2); white-space: nowrap;" onclick="window.openAuthModal('login', { allowClose: true })">🔑 Anmelden</button>
-        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #0284c7; color: white; white-space: nowrap;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">✨ Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
+        <button type="button" class="btn" id="nav-btn-login" style="padding: 6px 12px; font-size: 0.82rem; background: rgba(255,255,255,0.12); color: white; border: 1px solid rgba(255,255,255,0.2); white-space: nowrap;" onclick="window.openAuthModal('login', { allowClose: true })">Anmelden</button>
+        <button type="button" class="btn" id="nav-btn-register" style="padding: 6px 12px; font-size: 0.82rem; background: #1d4ed8; color: white; white-space: nowrap;" onclick="window.openAuthModal('register', { allowClose: true })"><span class="btn-text-desktop">Kostenlos registrieren</span><span class="btn-text-mobile">Starten</span></button>
         <button type="button" id="portal-mobile-menu-btn" class="mobile-menu-toggle" aria-label="Menü umschalten" onclick="toggleMobileMenu()">
           <span>☰</span>
         </button>
@@ -289,26 +288,26 @@
   <div id="portal-mobile-drawer" class="mobile-drawer" style="display: none;">
     <!-- Auth-Aktionen für mobile/tablet Besucher -->
     <div id="mobile-drawer-auth-actions" style="display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);">
-      <button type="button" class="mobile-drawer-link" id="mobile-drawer-login-btn" style="color: #38bdf8; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.25); text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; font-weight: 700; width: 100%; display: flex; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="toggleMobileMenu(); window.openAuthModal('login', { allowClose: true });">
-        🔑 Anmelden
+      <button type="button" class="mobile-drawer-link" id="mobile-drawer-login-btn" style="color: #f1f5f9; background: rgba(255, 255, 255, 0.05); border: 1px solid #334155; text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; font-weight: 600; width: 100%; display: flex; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="toggleMobileMenu(); window.openAuthModal('login', { allowClose: true });">
+        Anmelden
       </button>
-      <button type="button" class="mobile-drawer-link" id="mobile-drawer-register-btn" style="color: #ffffff; background: #0284c7; border: 1px solid #0284c7; text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; font-weight: 700; width: 100%; display: flex; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="toggleMobileMenu(); window.openAuthModal('register', { allowClose: true });">
-        ✨ Kostenlos registrieren
+      <button type="button" class="mobile-drawer-link" id="mobile-drawer-register-btn" style="color: #ffffff; background: #1d4ed8; border: 1px solid #1d4ed8; text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; font-weight: 600; width: 100%; display: flex; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="toggleMobileMenu(); window.openAuthModal('register', { allowClose: true });">
+        Kostenlos registrieren
       </button>
     </div>
 
-    <a href="#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">🚀 Start &amp; Übersicht</a>
-    <a href="#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">💎 Was du bekommst</a>
-    <a href="#dashboard-spotlight" class="mobile-drawer-link" onclick="toggleMobileMenu()">📊 Features &amp; Vorschau</a>
-    <a href="#features-ide" class="mobile-drawer-link" onclick="toggleMobileMenu()">💻 Monaco Web-IDE</a>
-    <a href="#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">🎓 IHK Prüfungstrainer</a>
-    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">⚖️ Impressum</a>
-    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">🔒 Datenschutzerklärung</a>
-    <a href="dashboard.html" class="mobile-drawer-link" id="mobile-drawer-dash-link" style="display: none; color: #34d399; font-weight: 800; background: rgba(52, 211, 153, 0.1); padding: 8px 12px; border-radius: 6px; border: 1px solid rgba(52, 211, 153, 0.3);">💻 Zum Kurs-Dashboard &rarr;</a>
-    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">👨‍🏫 Dozenten-Portal</a>
-    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 800;">🛡️ Admin-Panel</a>
-    <button type="button" class="mobile-drawer-link" id="mobile-drawer-logout-btn" style="display: none; color: #f87171; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.25); text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; margin-top: 8px; font-weight: 700; width: 100%; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="if(confirm('Möchtest du dich wirklich abmelden?')) window.AUTH.logout();">
-      🚪 Abmelden
+    <a href="#hero" class="mobile-drawer-link" onclick="toggleMobileMenu()">Start &amp; Übersicht</a>
+    <a href="#was-du-bekommst" class="mobile-drawer-link" onclick="toggleMobileMenu()">Lehrkonzept</a>
+    <a href="#dashboard-spotlight" class="mobile-drawer-link" onclick="toggleMobileMenu()">Funktionen</a>
+    <a href="#features-ide" class="mobile-drawer-link" onclick="toggleMobileMenu()">Monaco Web-IDE</a>
+    <a href="#ihk-section" class="mobile-drawer-link" onclick="toggleMobileMenu()">IHK Prüfungstrainer</a>
+    <a href="impressum.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Impressum</a>
+    <a href="datenschutz.html" class="mobile-drawer-link" onclick="toggleMobileMenu()">Datenschutzerklärung</a>
+    <a href="dashboard.html" class="mobile-drawer-link" id="mobile-drawer-dash-link" style="display: none; color: #38bdf8; font-weight: 700; background: rgba(56, 189, 248, 0.1); padding: 8px 12px; border-radius: 6px; border: 1px solid rgba(56, 189, 248, 0.2);">Zum Kurs-Dashboard &rarr;</a>
+    <a href="teacher.html" class="mobile-drawer-link" id="mobile-drawer-teacher-link" style="display: none;">Dozentenbereich</a>
+    <a href="admin.html" class="mobile-drawer-link" id="mobile-drawer-admin-link" style="display: none; color: #f87171; font-weight: 700;">Administration</a>
+    <button type="button" class="mobile-drawer-link" id="mobile-drawer-logout-btn" style="display: none; color: #f87171; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.25); text-align: left; cursor: pointer; border-radius: 6px; padding: 10px 14px; margin-top: 8px; font-weight: 600; width: 100%; align-items: center; gap: 8px; font-size: 0.9rem;" onclick="if(confirm('Möchtest du dich wirklich abmelden?')) window.AUTH.logout();">
+      Abmelden
     </button>
   </div>
 
@@ -316,9 +315,9 @@
   <section class="portal-hero" id="hero">
     <div class="portal-container">
       <div class="portal-hero-pill">
-        <span>⚡ Interaktive Lern- &amp; Prüfungsvorbereitungs-Plattform für IT-Berufe</span>
+        <span>Berufliche Bildung &amp; Prüfungsvorbereitung</span>
         <span style="opacity: 0.5;">•</span>
-        <span>100% Kostenlos</span>
+        <span>Fachinformatiker &amp; IT-Berufe</span>
       </div>
       
       <h1>Echte IT-Praxis statt trockener Theorie.</h1>
@@ -326,13 +325,13 @@
       
       <div class="portal-hero-actions">
         <button type="button" id="hero-primary-cta" class="portal-btn-primary" style="cursor: pointer; border: none;" onclick="window.openAuthModal('register', { allowClose: true })">
-          <span>🚀 Jetzt kostenlos registrieren &amp; Kurse freischalten</span>
+          <span>Jetzt kostenfrei registrieren &rarr;</span>
         </button>
         <a href="#was-du-bekommst" class="portal-btn-secondary">
-          <span>📖 Was ist im Account enthalten? &darr;</span>
+          <span>Lehrkonzept ansehen</span>
         </a>
-        <a href="#ihk-section" class="portal-btn-secondary" style="border-color: #38bdf8; color: #38bdf8;">
-          <span>🎓 IHK AP1 &amp; AP2 Prüfungstrainer</span>
+        <a href="#ihk-section" class="portal-btn-secondary">
+          <span>IHK AP1 &amp; AP2 Prüfungstrainer</span>
         </a>
       </div>
 
@@ -378,7 +377,7 @@
       <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px;">
         <div style="max-width: 720px;">
           <span style="background: rgba(52, 211, 153, 0.2); color: #34d399; border: 1px solid rgba(52, 211, 153, 0.4); padding: 4px 10px; border-radius: 99px; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px;">Zentraler Lernbereich</span>
-          <h3 style="font-size: 1.7rem; font-weight: 900; margin: 10px 0; color: #ffffff;">📊 Dein persönliches Kurs-Dashboard</h3>
+          <h3 style="font-size: 1.7rem; font-weight: 900; margin: 10px 0; color: #ffffff;">Dein persönliches Kurs-Dashboard</h3>
           <p style="color: #94a3b8; font-size: 0.96rem; line-height: 1.6; margin-bottom: 16px;">
             Sobald du dich registrierst, erhältst du vollen Zugriff auf dein persönliches Dashboard. Hier wählst du deine gewünschten Kurse aus, verfolgst deinen Lernfortschritt, sammelst Erfahrungspunkte (XP) und startest mit einem Klick genau dort in der Web-IDE, wo du zuletzt aufgehört hast.
           </p>
@@ -386,7 +385,7 @@
 
         <div>
           <button type="button" class="landing-cta-btn btn" style="background: #10b981; color: white; padding: 12px 24px; font-size: 0.95rem; font-weight: 800; border-radius: 8px; border: none; cursor: pointer; box-shadow: 0 4px 20px rgba(16, 185, 129, 0.35);" onclick="window.openAuthModal('register', { allowClose: true })">
-            <span>✨ Kostenlos registrieren &amp; Dashboard öffnen &rarr;</span>
+            <span>Kostenlos registrieren &amp; Dashboard öffnen &rarr;</span>
           </button>
         </div>
       </div>
@@ -595,7 +594,7 @@
         <div>
           <strong>🎯 Bereit zur Kurswahl?</strong> Nach dem Login stehen alle 13 Spezialkurse im Dashboard zur freien Verfügung.
         </div>
-        <button type="button" class="landing-cta-btn btn" style="background: #0284c7; color: white; padding: 8px 16px; font-size: 0.84rem; font-weight: 700; border-radius: 6px; border: none; cursor: pointer;" onclick="window.openAuthModal('register', { allowClose: true })">
+        <button type="button" class="landing-cta-btn btn" style="background: #1d4ed8; color: white; padding: 8px 16px; font-size: 0.84rem; font-weight: 700; border-radius: 6px; border: none; cursor: pointer;" onclick="window.openAuthModal('register', { allowClose: true })">
           <span>✨ Account erstellen &amp; Kurse wählen &rarr;</span>
         </button>
       </div>
@@ -606,29 +605,29 @@
       <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 24px;">
         <div>
           <span class="portal-card-badge badge-ihk" style="font-size: 0.8rem; font-weight: 800;">Offizieller Prüfungsstandard</span>
-          <h3 style="margin: 8px 0 6px 0; font-size: 1.6rem; color: #1e3a8a; font-weight: 900;">🎓 IHK Prüfungstrainer AP1 &amp; AP2</h3>
+          <h3 style="margin: 8px 0 6px 0; font-size: 1.6rem; color: #1e3a8a; font-weight: 900;">IHK Prüfungstrainer AP1 &amp; AP2</h3>
           <p style="margin: 0; color: #475569; font-size: 0.95rem; max-width: 780px;">Realistische Prüfungssimulation nach der bundeseinheitlichen Ausbildungsordnung (AO 2020) für Fachinformatiker aller Fachrichtungen (FIAE, FISI, FIDP, FITD).</p>
         </div>
         <button type="button" class="landing-cta-btn btn" style="background: #1d4ed8; color: white; padding: 10px 20px; font-weight: 800; border-radius: 8px; border: none; cursor: pointer;" onclick="window.openAuthModal('register', { allowClose: true })">
-          <span>🚀 Prüfungssimulation im Dashboard starten</span>
+          <span>Prüfungssimulation im Dashboard starten &rarr;</span>
         </button>
       </div>
 
       <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 16px;">
         <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #1e3a8a; font-size: 1.05rem;">📘 AP1: IT-Arbeitsplatz &amp; Basissysteme</h4>
+          <h4 style="margin: 0 0 6px 0; color: #1e3a8a; font-size: 1.05rem;">AP1: IT-Arbeitsplatz &amp; Basissysteme</h4>
           <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 12px 0;">Gemeinsame Kernqualifikationen der Lernfelder 1–8: Verträge, Ergonomie, IPv4/IPv6 Subnetting, BSI-Schutzbedarf, relationales SQL &amp; Trace-Tabellen.</p>
           <div style="font-size: 0.78rem; font-weight: 700; color: #0284c7;">✓ 90-Minuten Probeprüfung mit automatischem Notenschlüssel</div>
         </div>
 
         <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #991b1b; font-size: 1.05rem;">📕 AP2: Fachqualifikationen &amp; WiSo</h4>
+          <h4 style="margin: 0 0 6px 0; color: #991b1b; font-size: 1.05rem;">AP2: Fachqualifikationen &amp; WiSo</h4>
           <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 12px 0;">Spezifische Lernfelder 9–12: VLANs &amp; Routing, Active Directory GPO, RAID &amp; SAN-Speicher, Containerisierung, WiSo-Kompaktfragen &amp; 40h-Projektarbeits-Leitfaden.</p>
           <div style="font-size: 0.78rem; font-weight: 700; color: #991b1b;">✓ Inklusive Leitfaden für Fachgespräch &amp; Präsentation</div>
         </div>
 
         <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; box-shadow: var(--shadow-sm);">
-          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1.05rem;">⚡ Interaktive Drill-Trainer</h4>
+          <h4 style="margin: 0 0 6px 0; color: #0f172a; font-size: 1.05rem;">Interaktive Drill-Trainer</h4>
           <p style="font-size: 0.86rem; color: #64748b; margin: 0 0 12px 0;">Blitzschnelles Rechnen: Dynamischer Subnetting-Generator mit Live-Punktevergabe, schrittweise Trace-Tabellen-Simulation und relationale Abfrage-Validierung.</p>
           <div style="font-size: 0.78rem; font-weight: 700; color: #10b981;">✓ Unbegrenzt wiederholbare Zufallsaufgaben</div>
         </div>
@@ -640,7 +639,7 @@
       <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
         <div style="max-width: 660px;">
           <span style="background: rgba(56, 189, 248, 0.15); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.4); padding: 4px 10px; border-radius: 99px; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px;">0 Min. Setup • Direkt im Browser</span>
-          <h3 style="font-size: 1.65rem; font-weight: 900; margin: 10px 0; color: #f8fafc;">💻 Monaco Web-IDE: Coden wie ein Profi</h3>
+          <h3 style="font-size: 1.65rem; font-weight: 900; margin: 10px 0; color: #f8fafc;">Monaco Web-IDE: Professionelle Entwicklung im Browser</h3>
           <p style="color: #94a3b8; font-size: 0.94rem; line-height: 1.6; margin-bottom: 16px;">
             Vergiss komplizierte Compiler-Installationen, Treiber-Inkompatibilitäten oder Administrationsrechte auf Schulrechnern. Das IT-Praxisportal bringt die vertraute VS Code Entwicklererfahrung direkt in jeden modernen Webbrowser.
           </p>
@@ -654,7 +653,7 @@
 
         <div>
           <button type="button" class="landing-cta-btn btn" style="background: #10b981; color: white; padding: 12px 24px; font-size: 0.95rem; font-weight: 800; border-radius: 8px; border: none; cursor: pointer; box-shadow: 0 4px 20px rgba(16, 185, 129, 0.3);" onclick="window.openAuthModal('register', { allowClose: true })">
-            <span>✨ Web-IDE im Dashboard starten &rarr;</span>
+            <span>Web-IDE im Dashboard starten &rarr;</span>
           </button>
         </div>
       </div>
@@ -698,7 +697,7 @@
 
     <!-- 7. BENTO FEATURE MATRIX -->
     <div style="text-align: center; margin: 48px 0 24px 0;" id="vorteile">
-      <h2 style="font-size: 1.8rem; font-weight: 900; margin: 0 0 6px 0; color: #0f172a;">🛠️ Warum IT-Praxisportal?</h2>
+      <h2 style="font-size: 1.8rem; font-weight: 900; margin: 0 0 6px 0; color: #0f172a;">Warum IT-Praxisportal?</h2>
       <p style="color: #64748b; margin: 0; font-size: 0.95rem;">Didaktisch durchdacht, technisch modern und konsequent praxisorientiert.</p>
     </div>
 
@@ -731,7 +730,7 @@
     <!-- 8. ZIELGRUPPEN -->
     <section class="card" id="zielgruppen" style="margin-top: 48px; border-radius: 16px; padding: 32px; background: #ffffff;">
       <div style="text-align: center; margin-bottom: 28px;">
-        <h3 style="font-size: 1.5rem; font-weight: 900; color: #0f172a; margin: 0 0 6px 0;">👥 Für wen ist das IT-Praxisportal?</h3>
+        <h3 style="font-size: 1.5rem; font-weight: 900; color: #0f172a; margin: 0 0 6px 0;">Für wen ist das IT-Praxisportal?</h3>
         <p style="color: #64748b; margin: 0; font-size: 0.92rem;">Entwickelt von IHK-Dozenten und erfahrenen Software-Architekten.</p>
       </div>
 
@@ -764,7 +763,7 @@
       </p>
       <div style="display: flex; justify-content: center; gap: 12px; flex-wrap: wrap;">
         <button type="button" class="landing-cta-btn btn" style="background: #ffffff; color: #0284c7; padding: 12px 28px; font-size: 1rem; font-weight: 800; border-radius: 8px; border: none; cursor: pointer; box-shadow: 0 4px 20px rgba(0,0,0,0.2);" onclick="window.openAuthModal('register', { allowClose: true })">
-          <span>✨ Jetzt kostenlos registrieren &amp; Kurse wählen &rarr;</span>
+          <span>Jetzt kostenlos registrieren &amp; Kurse wählen &rarr;</span>
         </button>
         <button type="button" class="btn" id="footer-cta-login" style="background: rgba(255,255,255,0.15); color: white; border: 1px solid rgba(255,255,255,0.3); padding: 12px 20px; font-size: 1rem; font-weight: 700; border-radius: 8px; cursor: pointer;" onclick="window.openAuthModal('login', { allowClose: true })">
           🔑 Anmelden
@@ -795,7 +794,7 @@
 
       <!-- Lehrpfade -->
       <div class="portal-footer-col">
-        <h4>📚 Lehrpfade</h4>
+        <h4>Lehrpfade</h4>
         <ul class="portal-footer-links">
           <li><a href="dashboard.html" class="portal-footer-link">🐍 Python &amp; OOP</a></li>
           <li><a href="dashboard.html" class="portal-footer-link">⚡ JavaScript &amp; Web</a></li>
@@ -809,7 +808,7 @@
 
       <!-- Features & Tools -->
       <div class="portal-footer-col">
-        <h4>💻 Plattform</h4>
+        <h4>Plattform</h4>
         <ul class="portal-footer-links">
           <li><a href="dashboard.html" class="portal-footer-link">📊 Kurs-Dashboard</a></li>
           <li><a href="workspace.html?course=python" class="portal-footer-link">💻 Monaco Web-IDE</a></li>
@@ -822,7 +821,7 @@
 
       <!-- Rechtliches & Kontakt -->
       <div class="portal-footer-col">
-        <h4>⚖️ Rechtliches &amp; Kontakt</h4>
+        <h4>Rechtliches &amp; Kontakt</h4>
         <ul class="portal-footer-links">
           <li><a href="impressum.html" class="portal-footer-link">⚖️ Impressum (§ 5 DDG)</a></li>
           <li><a href="datenschutz.html" class="portal-footer-link">🔒 Datenschutzerklärung (DSGVO)</a></li>