diff --git a/wetter.html b/wetter.html index cba44dd..9d0bde2 100644 --- a/wetter.html +++ b/wetter.html @@ -50,13 +50,13 @@ --forecast-highlight-bg: #fef3c7; } * { box-sizing: border-box; } -html, body { margin:0; padding:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:#0f0f12; color:#eee; min-height:100vh; } +html, body { margin:0; padding:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--text); min-height:100vh; transition: background 0.3s, color 0.3s; } .container { max-width:1000px; margin:0 auto; padding:32px 24px; } -h1 { font-size:42px; margin:0 0 8px 0; font-weight:700; letter-spacing:-1px; } -.subtitle { color:#888; margin-bottom:32px; font-size:16px; } -.back-link { display:inline-block; margin-bottom:24px; color:#60a5fa; text-decoration:none; font-size:14px; } +h1 { font-size:42px; margin:0 0 8px 0; font-weight:700; letter-spacing:-1px; color:var(--text-strong); } +.subtitle { color:var(--text-muted); margin-bottom:32px; font-size:16px; } +.back-link { display:inline-block; margin-bottom:24px; color:var(--accent-text); text-decoration:none; font-size:14px; } .back-link:hover { text-decoration:underline; } -.section-title { font-size:22px; font-weight:600; margin:32px 0 4px 0; color:#fff; } +.section-title { font-size:22px; font-weight:600; margin:32px 0 4px 0; color:var(--text-strong); } .section-subtitle { font-size:13px; color:#f97316; text-transform:uppercase; letter-spacing:1.5px; margin:20px 0 12px 0; font-weight:600; } .section-subtitle-note { color:#888; font-size:14px; margin:0 0 20px 0; } .hero { display:grid; grid-template-columns:2fr 1fr; gap:20px; background:linear-gradient(135deg,#1c1c1f 0%,#2a2a30 100%); border-radius:16px; padding:28px; border:1px solid #2a2a30; margin-bottom:32px; } @@ -133,7 +133,7 @@ h1 { font-size:42px; margin:0 0 8px 0; font-weight:700; letter-spacing:-1px; }
| Tag | Wetter | Temp | Regen | Menge | Wind | Beschreibung |
|---|---|---|---|---|---|---|
| Sa 27. Jun (heute) | 🌤️ | 38° / 24° | 0% | 0.0 mm | 12 km/h | Heiter |
| So 28. Jun | ⛅ | 40° / 25° | 13% | 0.0 mm | 10 km/h | Teilweise bewoelkt |
| Mo 29. Jun | 🌦️ | 33° / 23° | 80% | 4.2 mm | 17 km/h | Leichter Regenschauer |
| Di 30. Jun | ⛈️ | 27° / 21° | 71% | 8.4 mm | 8 km/h | Gewitter |
| Mi 1. Jul | ⛈️ | 23° / 17° | 63% | 12.3 mm | 12 km/h | Gewitter |
| Do 2. Jul | ☁️ | 26° / 13° | 26% | 0.0 mm | 10 km/h | Bedeckt |
| Fr 3. Jul | 🌦️ | 21° / 15° | 20% | 3.0 mm | 20 km/h | Leichter Regen |
| Sa 4. Jul | ☁️ | 25° / 13° | 18% | 0.0 mm | 19 km/h | Bedeckt |
| So 5. Jul | 🌦️ | 24° / 18° | 20% | 0.6 mm | 15 km/h | Nieselregen |
| Mo 6. Jul | 🌦️ | 24° / 16° | 17% | 1.8 mm | 13 km/h | Nieselregen |
| Di 7. Jul | ⛅ | 27° / 16° | 20% | 0.0 mm | 10 km/h | Teilweise bewoelkt |
| Mi 8. Jul | 🌤️ | 32° / 19° | 14% | 0.0 mm | 5 km/h | Heiter |
| Do 9. Jul | 🌤️ | 36° / 22° | 8% | 0.0 mm | 13 km/h | Heiter |
| Fr 10. Jul | 🌤️ | 35° / 24° | 11% | 0.0 mm | 12 km/h | Heiter |
| Sa 11. Jul | ⛅ | 36° / 23° | 0% | 0.0 mm | 9 km/h | Teilweise bewoelkt |
| So 12. Jul | ☁️ | 38° / 24° | 0% | 0.0 mm | 11 km/h | Bedeckt |