diff --git a/wetter.html b/wetter.html index 9d0bde2..a6e8cea 100644 --- a/wetter.html +++ b/wetter.html @@ -35,19 +35,29 @@ --forecast-highlight-bg: rgba(251,191,36,0.15); } [data-theme="light"] { - --bg: #f5f5f7; --text: #1a1a1a; --text-strong: #000; --text-muted: #666; - --accent: #2563eb; --accent-text: #2563eb; --accent-border: #f59e0b; - --card-bg: #ffffff; --card-border: #e0e0e3; - --hero-gradient: linear-gradient(135deg,#ffffff 0%,#e0e7ff 100%); - --climate-gradient: linear-gradient(135deg,#ffffff 0%,#f0f4ff 100%); - --jga-gradient: linear-gradient(135deg,#ffffff 0%,#f0f4ff 100%); - --chart-bg: #f5f5f7; --details-bg: #f5f5f7; - --update-bg: #fef3c7; --note-text: #92400e; + --bg: #f5f5f7; --text: #1a1a1a; --text-strong: #000; --text-muted: #555; + --accent: #2563eb; --accent-text: #2563eb; --accent-border: #d97706; + --card-bg: #ffffff; --card-border: #d4d4d8; + --hero-gradient: linear-gradient(135deg,#ffffff 0%,#dbeafe 100%); + --climate-gradient: linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%); + --jga-gradient: linear-gradient(135deg,#fef3c7 0%,#fde68a 100%); + --chart-bg: #f5f5f7; --details-bg: #fafafa; + --update-bg: #fef3c7; --note-text: #78350f; --shadow-color: rgba(0,0,0,0.08); --theme-toggle-bg: #ffffff; --table-bg: #ffffff; --table-row-alt: #fef3c7; + --table-header-bg: #f4f4f5; --table-header-text: #52525b; --climate-stat-bg: #f5f5f7; --forecast-highlight-bg: #fef3c7; + --muted-text: #6b7280; --dim-text: #9ca3af; + --hero-label: #6b7280; --hero-temp: #111827; --hero-desc: #4b5563; --hero-mini: #6b7280; + --jga-title: #1c1917; --jga-desc: #6b7280; --jga-stat-label: #6b7280; --jga-stat-value: #1c1917; + --climate-title: #1c1917; --climate-subtitle: #6b7280; --climate-num: #1d4ed8; + --climate-note-bg: #dbeafe; --climate-note-border: #3b82f6; --climate-note-text: #1e3a8a; + --hero-countdown-bg: #dbeafe; --hero-countdown-border: #3b82f6; + --hero-countdown-num: #1d4ed8; --hero-countdown-label: #1e40af; + --forecast-day: #1c1917; --forecast-date: #6b7280; --forecast-temp: #1c1917; --forecast-temp-min: #6b7280; + --update-text: #78350f; } * { box-sizing: border-box; } 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; } @@ -58,50 +68,50 @@ h1 { font-size:42px; margin:0 0 8px 0; font-weight:700; letter-spacing:-1px; col .back-link:hover { text-decoration:underline; } .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; } +.section-subtitle-note { color:var(--muted-text); font-size:14px; margin:0 0 20px 0; } +.hero { display:grid; grid-template-columns:2fr 1fr; gap:20px; background:var(--hero-gradient); border-radius:16px; padding:28px; border:1px solid var(--card-border); margin-bottom:32px; } .hero-current { display:flex; flex-direction:column; } -.hero-label { color:#888; font-size:11px; text-transform:uppercase; letter-spacing:2px; margin-bottom:12px; } +.hero-label { color:var(--hero-label); font-size:11px; text-transform:uppercase; letter-spacing:2px; margin-bottom:12px; } .hero-icon { font-size:80px; line-height:1; margin-bottom:12px; } -.hero-temp { font-size:72px; font-weight:700; color:#fff; line-height:1; } -.hero-desc { font-size:18px; color:#bbb; margin-top:4px; } -.hero-mini { display:flex; gap:16px; margin-top:12px; color:#aaa; font-size:14px; } -.hero-countdown { display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(59,130,246,0.1); border-radius:12px; padding:20px; border:1px solid rgba(59,130,246,0.3); } -.hero-countdown-num { font-size:96px; font-weight:800; color:#60a5fa; line-height:1; } -.hero-countdown-label { font-size:14px; color:#93c5fd; margin-top:8px; text-align:center; } -.jga-day-card { background:linear-gradient(135deg,#1c1c1f 0%,#232328 100%); border-radius:16px; padding:28px; margin-bottom:24px; border:2px solid #3b82f6; box-shadow:0 4px 24px rgba(59,130,246,0.15); } +.hero-temp { font-size:72px; font-weight:700; color:var(--hero-temp); line-height:1; } +.hero-desc { font-size:18px; color:var(--hero-desc); margin-top:4px; } +.hero-mini { display:flex; gap:16px; margin-top:12px; color:var(--hero-mini); font-size:14px; } +.hero-countdown { display:flex; flex-direction:column; justify-content:center; align-items:center; background:var(--hero-countdown-bg); border-radius:12px; padding:20px; border:1px solid var(--hero-countdown-border); } +.hero-countdown-num { font-size:96px; font-weight:800; color:var(--hero-countdown-num); line-height:1; } +.hero-countdown-label { font-size:14px; color:var(--hero-countdown-label); margin-top:8px; text-align:center; } +.jga-day-card { background:var(--jga-gradient); border-radius:16px; padding:28px; margin-bottom:24px; border:2px solid var(--accent); box-shadow:0 4px 24px rgba(59,130,246,0.15); } .jga-day-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px; } -.jga-day-title { font-size:28px; font-weight:700; color:#fff; } -.jga-day-subtitle { font-size:13px; color:#60a5fa; margin-top:4px; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; } +.jga-day-title { font-size:28px; font-weight:700; color:var(--jga-title); } +.jga-day-subtitle { font-size:13px; color:var(--accent); margin-top:4px; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; } .jga-day-weather { text-align:right; } .jga-day-icon { font-size:64px; line-height:1; } -.jga-day-temp { font-size:42px; font-weight:700; color:#fff; line-height:1; } -.jga-day-desc { font-size:14px; color:#aaa; margin-top:4px; } -.jga-day-chart { background:#0f0f12; border-radius:12px; padding:16px; margin-bottom:20px; border:1px solid #2a2a30; } +.jga-day-temp { font-size:42px; font-weight:700; color:var(--jga-title); line-height:1; } +.jga-day-desc { font-size:14px; color:var(--jga-desc); margin-top:4px; } +.jga-day-chart { background:var(--chart-bg); border-radius:12px; padding:16px; margin-bottom:20px; border:1px solid var(--card-border); } .jga-day-details { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-bottom:20px; } -.jga-day-details .detail { background:rgba(255,255,255,0.03); padding:12px 14px; border-radius:8px; border:1px solid #2a2a30; } -.jga-day-details .label { color:#888; font-size:11px; text-transform:uppercase; letter-spacing:1px; } -.jga-day-details .value { color:#fff; font-size:18px; font-weight:600; margin-top:4px; } +.jga-day-details .detail { background:var(--details-bg); padding:12px 14px; border-radius:8px; border:1px solid var(--card-border); } +.jga-day-details .label { color:var(--jga-stat-label); font-size:11px; text-transform:uppercase; letter-spacing:1px; } +.jga-day-details .value { color:var(--jga-stat-value); font-size:18px; font-weight:600; margin-top:4px; } .forecast-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:10px; } -.forecast-card { background:rgba(255,255,255,0.03); border:1px solid #2a2a30; border-radius:12px; padding:14px 10px; text-align:center; } -.forecast-day { color:#fff; font-weight:600; font-size:13px; } -.forecast-date { color:#888; font-size:11px; margin-bottom:8px; } +.forecast-card { background:var(--card-bg); border:1px solid var(--card-border); border-radius:12px; padding:14px 10px; text-align:center; } +.forecast-day { color:var(--forecast-day); font-weight:600; font-size:13px; } +.forecast-date { color:var(--forecast-date); font-size:11px; margin-bottom:8px; } .forecast-icon { font-size:32px; margin:4px 0; } -.forecast-temp { color:#fff; font-weight:700; font-size:18px; } -.forecast-temp-min { color:#888; font-size:12px; } -.forecast-rain { color:#60a5fa; font-size:11px; margin-top:4px; } -.climate-card { background:linear-gradient(135deg,#1c1c1f 0%,#1f1f23 100%); border-radius:16px; padding:28px; margin-top:32px; border:1px solid #2a2a30; } -.climate-title { font-size:20px; font-weight:600; color:#fff; margin-bottom:4px; } -.climate-subtitle { color:#888; font-size:13px; margin-bottom:20px; } +.forecast-temp { color:var(--forecast-temp); font-weight:700; font-size:18px; } +.forecast-temp-min { color:var(--forecast-temp-min); font-size:12px; } +.forecast-rain { color:var(--accent-text); font-size:11px; margin-top:4px; } +.climate-card { background:var(--climate-gradient); border-radius:16px; padding:28px; margin-top:32px; border:1px solid var(--card-border); } +.climate-title { font-size:20px; font-weight:600; color:var(--climate-title); margin-bottom:4px; } +.climate-subtitle { color:var(--climate-subtitle); font-size:13px; margin-bottom:20px; } .climate-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:16px; margin-bottom:20px; } -.climate-stat { text-align:center; padding:14px; background:rgba(255,255,255,0.03); border-radius:10px; border:1px solid #2a2a30; } -.climate-num { font-size:28px; font-weight:700; color:#60a5fa; } -.climate-label { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:1px; margin-top:4px; } -.climate-note { background:rgba(96,165,250,0.08); border-left:3px solid #60a5fa; padding:12px 16px; border-radius:6px; font-size:14px; color:#93c5fd; } -.update-note { margin:32px 0 16px 0; padding:16px; background:#1a1a1f; border-radius:8px; font-size:13px; color:#888; text-align:center; line-height:1.8; border:1px solid #2a2a30; } -.update-note a { color:#60a5fa; text-decoration:none; margin:0 6px; } +.climate-stat { text-align:center; padding:14px; background:var(--climate-stat-bg); border-radius:10px; border:1px solid var(--card-border); } +.climate-num { font-size:28px; font-weight:700; color:var(--climate-num); } +.climate-label { font-size:11px; color:var(--climate-subtitle); text-transform:uppercase; letter-spacing:1px; margin-top:4px; } +.climate-note { background:var(--climate-note-bg); border-left:3px solid var(--climate-note-border); padding:12px 16px; border-radius:6px; font-size:14px; color:var(--climate-note-text); } +.update-note { margin:32px 0 16px 0; padding:16px; background:var(--update-bg); border-radius:8px; font-size:13px; color:var(--update-text); text-align:center; line-height:1.8; border:1px solid var(--card-border); } +.update-note a { color:var(--accent); text-decoration:none; margin:0 6px; } .update-note a:hover { text-decoration:underline; } -.link-card { display:inline-block; padding:14px 28px; background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%); color:#fff; text-decoration:none; border-radius:10px; font-weight:600; margin:16px 0 32px 0; transition:transform 0.2s; } +.link-card { display:inline-block; padding:14px 28px; background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%); color:var(--text-strong); text-decoration:none; border-radius:10px; font-weight:600; margin:16px 0 32px 0; transition:transform 0.2s; } .link-card:hover { transform:translateY(-2px); } /* Theme-Toggle Button */ .theme-toggle { position:fixed; top:16px; right:16px; width:44px; height:44px; border-radius:50%; background:var(--theme-toggle-bg); border:1px solid var(--card-border); color:var(--text); font-size:20px; cursor:pointer; z-index:100; box-shadow:0 2px 8px var(--shadow-color); transition:all 0.2s; display:flex; align-items:center; justify-content:center; } @@ -116,24 +126,24 @@ h1 { font-size:42px; margin:0 0 8px 0; font-weight:700; letter-spacing:-1px; col

🌤️ Prag Wetter

Vorhersage für das JGA-Wochenende 25.–26. Juli 2026 — automatisch täglich aktualisiert

-
Jetzt in Prag
☀️
32°C
Klar
💧 41%💨 4 km/h☁️ 0%
Countdown JGA
28
Tage bis 25. Juli 2026
⏳ JGA-Tage sind noch nicht im Vorhersage-Fenster (28 Tage hin). Aktuell zeigen wir historische Mittelwerte und die Praezision verbessert sich taeglich — ab ca. 14. Juli ist die Vorhersage verlaesslich.
+
Jetzt in Prag
☀️
34°C
Klar
💧 36%💨 4 km/h☁️ 0%
Countdown JGA
28
Tage bis 25. Juli 2026
⏳ JGA-Tage sind noch nicht im Vorhersage-Fenster (28 Tage hin). Aktuell zeigen wir historische Mittelwerte und die Praezision verbessert sich taeglich — ab ca. 14. Juli ist die Vorhersage verlaesslich.
⚠️️ JGA-Tage

Vorhersage wird ab ca. 11. Juli verfuegbar. Bis dahin: Klimatologie-Vergleich.

-
📅 Erwartungswerte für 25.–26. Juli 2026
Basierend auf Prags Juli-Klimatologie 1991–2020
Temperatur Tag
~25°C
Rekord: 37°C · Ø max
Temperatur Nacht
~14°C
Rekord: 5°C · Ø min
Sonnenschein
~7.3h
pro Tag × 2 Tage = ~14.6h
Regen
~25%
pro Tag × 70 mm/Monat
📆 So bekommst du die echte Vorhersage:
• Ab ca. 11. Juli – tagesaktuelle Open-Meteo Vorhersage wird hier täglich um 02:00 eingespielt
• 1–2 Wochen vorher – präzise Vorhersage bei wetter.com, yr.no, windy.com
• Letzte 48h – stundengenaue Vorhersage (zuverlässig)
Letzte verfügbare Vorhersage: Sonntag 12. Jul (13 Tage vor JGA-Tag 1, dient nur als grober Anhaltspunkt)
+
📅 Erwartungswerte für 25.–26. Juli 2026
Basierend auf Prags Juli-Klimatologie 1991–2020
Temperatur Tag
~25°C
Rekord: 37°C · Ø max
Temperatur Nacht
~14°C
Rekord: 5°C · Ø min
Sonnenschein
~7.3h
pro Tag × 2 Tage = ~14.6h
Regen
~25%
pro Tag × 70 mm/Monat
📆 So bekommst du die echte Vorhersage:
• Ab ca. 11. Juli – tagesaktuelle Open-Meteo Vorhersage wird hier täglich um 02:00 eingespielt
• 1–2 Wochen vorher – präzise Vorhersage bei wetter.com, yr.no, windy.com
• Letzte 48h – stundengenaue Vorhersage (zuverlässig)
Letzte verfügbare Vorhersage: Sonntag 12. Jul (13 Tage vor JGA-Tag 1, dient nur als grober Anhaltspunkt)
📊 16-Tage-Vorhersage Prag

Alle verfügbaren Tage — JGA-Tage hervorgehoben

-
Sa
27. Jun (heute)
🌤️
38°
24°
🌧 0%
So
28. Jun
⛅
40°
25°
🌧 13%
Mo
29. Jun
🌦️
33°
23°
🌧 80%
Di
30. Jun
⛈️
27°
21°
🌧 71%
Mi
1. Jul
⛈️
23°
17°
🌧 63%
Do
2. Jul
☁️
26°
13°
🌧 26%
Fr
3. Jul
🌦️
21°
15°
🌧 20%
Sa
4. Jul
☁️
25°
13°
🌧 18%
So
5. Jul
🌦️
24°
18°
🌧 20%
Mo
6. Jul
🌦️
24°
16°
🌧 17%
Di
7. Jul
⛅
27°
16°
🌧 20%
Mi
8. Jul
🌤️
32°
19°
🌧 14%
Do
9. Jul
🌤️
36°
22°
🌧 8%
Fr
10. Jul
🌤️
35°
24°
🌧 11%
Sa
11. Jul
⛅
36°
23°
🌧 0%
So
12. Jul
☁️
38°
24°
🌧 0%
+
Sa
27. Jun (heute)
🌤️
38°
24°
🌧 0%
So
28. Jun
⛅
40°
25°
🌧 13%
Mo
29. Jun
🌦️
33°
23°
🌧 60%
Di
30. Jun
⛈️
27°
21°
🌧 53%
Mi
1. Jul
⛈️
23°
17°
🌧 69%
Do
2. Jul
☁️
26°
13°
🌧 28%
Fr
3. Jul
🌦️
21°
15°
🌧 20%
Sa
4. Jul
☁️
25°
13°
🌧 18%
So
5. Jul
🌦️
24°
18°
🌧 20%
Mo
6. Jul
🌦️
24°
16°
🌧 17%
Di
7. Jul
⛅
27°
16°
🌧 20%
Mi
8. Jul
🌤️
32°
19°
🌧 14%
Do
9. Jul
🌤️
36°
22°
🌧 8%
Fr
10. Jul
🌤️
35°
24°
🌧 11%
Sa
11. Jul
⛅
36°
23°
🌧 0%
So
12. Jul
☁️
38°
24°
🌧 0%
🌤️ Prag-Klimatologie Juli
Historische Mittelwerte 1991–2020 · Referenz fuer den JGA-Termin
25°C
Tagestemperatur Ø
14°C
Nachts Ø
37°C
Hitzerekord
7.3h
Sonne pro Tag
10
Regentage/Monat
70mm
Niederschlag/Monat
Sonniges, warmes Sommerwetter. Gelegentlich Gewitter am Abend.
📋 16-Tage-Trendtabelle

Detailübersicht — sortiert nach Datum

-
TagWetterTempRegenMengeWindBeschreibung
Sa 27. Jun (heute)🌤️38° / 24°0%0.0 mm12 km/hHeiter
So 28. Jun⛅40° / 25°13%0.0 mm10 km/hTeilweise bewoelkt
Mo 29. Jun🌦️33° / 23°80%4.2 mm17 km/hLeichter Regenschauer
Di 30. Jun⛈️27° / 21°71%8.4 mm8 km/hGewitter
Mi 1. Jul⛈️23° / 17°63%12.3 mm12 km/hGewitter
Do 2. Jul☁️26° / 13°26%0.0 mm10 km/hBedeckt
Fr 3. Jul🌦️21° / 15°20%3.0 mm20 km/hLeichter Regen
Sa 4. Jul☁️25° / 13°18%0.0 mm19 km/hBedeckt
So 5. Jul🌦️24° / 18°20%0.6 mm15 km/hNieselregen
Mo 6. Jul🌦️24° / 16°17%1.8 mm13 km/hNieselregen
Di 7. Jul⛅27° / 16°20%0.0 mm10 km/hTeilweise bewoelkt
Mi 8. Jul🌤️32° / 19°14%0.0 mm5 km/hHeiter
Do 9. Jul🌤️36° / 22°8%0.0 mm13 km/hHeiter
Fr 10. Jul🌤️35° / 24°11%0.0 mm12 km/hHeiter
Sa 11. Jul⛅36° / 23°0%0.0 mm9 km/hTeilweise bewoelkt
So 12. Jul☁️38° / 24°0%0.0 mm11 km/hBedeckt
⭐ = JGA-Tag · (heute) = aktueller Tag
+
TagWetterTempRegenMengeWindBeschreibung
Sa 27. Jun (heute)🌤️38° / 24°0%0.0 mm12 km/hHeiter
So 28. Jun⛅40° / 25°13%0.0 mm10 km/hTeilweise bewoelkt
Mo 29. Jun🌦️33° / 23°60%4.2 mm17 km/hLeichter Regenschauer
Di 30. Jun⛈️27° / 21°53%8.4 mm8 km/hGewitter
Mi 1. Jul⛈️23° / 17°69%12.3 mm12 km/hGewitter
Do 2. Jul☁️26° / 13°28%0.0 mm10 km/hBedeckt
Fr 3. Jul🌦️21° / 15°20%3.0 mm20 km/hLeichter Regen
Sa 4. Jul☁️25° / 13°18%0.0 mm19 km/hBedeckt
So 5. Jul🌦️24° / 18°20%0.6 mm15 km/hNieselregen
Mo 6. Jul🌦️24° / 16°17%1.8 mm13 km/hNieselregen
Di 7. Jul⛅27° / 16°20%0.0 mm10 km/hTeilweise bewoelkt
Mi 8. Jul🌤️32° / 19°14%0.0 mm5 km/hHeiter
Do 9. Jul🌤️36° / 22°8%0.0 mm13 km/hHeiter
Fr 10. Jul🌤️35° / 24°11%0.0 mm12 km/hHeiter
Sa 11. Jul⛅36° / 23°0%0.0 mm9 km/hTeilweise bewoelkt
So 12. Jul☁️38° / 24°0%0.0 mm11 km/hBedeckt
⭐ = JGA-Tag · (heute) = aktueller Tag
- 🌐 Daten von Open-Meteo (CC BY 4.0) · Letzte Aktualisierung: 27.06.2026 08:47 Uhr + 🌐 Daten von Open-Meteo (CC BY 4.0) · Letzte Aktualisierung: 27.06.2026 09:44 Uhr · Nächste Aktualisierung: morgen 02:00 Berlin · Windy.com · yr.no