Make slider labels larger and brighter

Labels: 14px→16px, opacity 0.75→0.85, fontWeight 500
Tick labels: 12px→14px, opacity 0.45→0.6

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: deni-commits

positionierungscheck/src/components/final/FinalSlider.tsx

@@ -175,23 +175,23 @@ export default function FinalSlider({
 
       {/* Labels */}
       <div className="flex justify-between mt-3">
-        <span style={{ color: 'rgba(255, 255, 255, 0.75)', fontSize: '14px', fontFamily: "'Titillium Web', sans-serif" }}>
+        <span style={{ color: 'rgba(255, 255, 255, 0.85)', fontSize: '16px', fontWeight: 500, fontFamily: "'Titillium Web', sans-serif" }}>
           trifft gar nicht zu
         </span>
-        <span style={{ color: 'rgba(255, 255, 255, 0.75)', fontSize: '14px', fontFamily: "'Titillium Web', sans-serif" }}>
+        <span style={{ color: 'rgba(255, 255, 255, 0.85)', fontSize: '16px', fontWeight: 500, fontFamily: "'Titillium Web', sans-serif" }}>
           trifft voll und ganz zu
         </span>
       </div>
 
       {/* Tick labels — show 0, 50, 100 */}
       <div className="flex justify-between mt-1">
-        <span style={{ color: 'rgba(255, 255, 255, 0.45)', fontSize: '12px', fontFamily: "'Titillium Web', sans-serif" }}>
+        <span style={{ color: 'rgba(255, 255, 255, 0.6)', fontSize: '14px', fontFamily: "'Titillium Web', sans-serif" }}>
           0%
         </span>
-        <span style={{ color: 'rgba(255, 255, 255, 0.45)', fontSize: '12px', fontFamily: "'Titillium Web', sans-serif" }}>
+        <span style={{ color: 'rgba(255, 255, 255, 0.6)', fontSize: '14px', fontFamily: "'Titillium Web', sans-serif" }}>
           50%
         </span>
-        <span style={{ color: 'rgba(255, 255, 255, 0.45)', fontSize: '12px', fontFamily: "'Titillium Web', sans-serif" }}>
+        <span style={{ color: 'rgba(255, 255, 255, 0.6)', fontSize: '14px', fontFamily: "'Titillium Web', sans-serif" }}>
           100%
         </span>
       </div>