Update wetter.html via cron

This commit is contained in:
Hermes AI Bot committed 2026-06-27 01:19:05 +00:00
1 parent 4b14be5a98
commit 38d3ef70ad
1 file changed
+82 -165
+82 -165
View File
@@ -1,185 +1,102 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🧭</text></svg>">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prag Wetter 25.–26. Juli 2026</title>
<title>Prag Wetter – JGA 25.–26. Juli 2026</title>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22><text y=%2226%22 font-size=%2228%22>🧭</text></svg>">
<style>
* { box-sizing: border-box; }
html, body {
margin: 0; padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: #eee;
min-height: 100vh;
}
.container { max-width: 900px; margin: 0 auto; padding: 40px 24px; }
h1 {
font-size: 38px;
margin: 0 0 8px 0;
background: linear-gradient(135deg, #4cc9f0 0%, #4361ee 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.subtitle { color: #aaa; margin-bottom: 32px; font-size: 16px; }
.back-link {
display: inline-block;
margin-bottom: 24px;
color: #4cc9f0;
text-decoration: none;
font-size: 14px;
}
.back-link:hover { text-decoration: underline; }
.weather-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 24px;
margin-bottom: 32px;
}
.weather-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 28px;
backdrop-filter: blur(10px);
}
.weather-card .day {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 4px;
}
.weather-card .date {
color: #888;
font-size: 13px;
margin-bottom: 20px;
}
.weather-main {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.weather-main .icon { font-size: 64px; line-height: 1; }
.weather-main .temp {
font-size: 48px;
font-weight: 700;
color: #fff;
}
.weather-main .temp-range {
font-size: 14px;
color: #aaa;
margin-top: 4px;
}
.weather-desc {
font-size: 16px;
color: #bbb;
margin-bottom: 16px;
}
.weather-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
font-size: 13px;
}
.weather-details .detail {
background: rgba(255, 255, 255, 0.05);
padding: 10px 12px;
border-radius: 6px;
}
.weather-details .label { color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.weather-details .value { color: #fff; font-size: 16px; font-weight: 600; margin-top: 2px; }
.tip {
background: rgba(76, 201, 240, 0.1);
border-left: 3px solid #4cc9f0;
padding: 16px 20px;
border-radius: 4px;
margin: 16px 0;
font-size: 14px;
line-height: 1.6;
}
.note {
background: rgba(255, 193, 7, 0.1);
border-left: 3px solid #ffc107;
padding: 16px 20px;
border-radius: 4px;
margin: 16px 0;
font-size: 14px;
line-height: 1.6;
}
.link-card {
display: inline-block;
padding: 12px 24px;
background: linear-gradient(135deg, #4cc9f0 0%, #4361ee 100%);
color: #fff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
margin-top: 16px;
transition: transform 0.2s;
}
.link-card:hover { transform: scale(1.02); }
* { 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; }
.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; }
.back-link:hover { text-decoration:underline; }
.section-title { font-size:22px; font-weight:600; margin:32px 0 4px 0; color:#fff; }
.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; }
.hero-current { display:flex; flex-direction:column; }
.hero-label { color:#888; 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); }
.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-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-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; }
.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-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; }
.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; }
.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:hover { transform:translateY(-2px); }
@media (max-width:600px) { .hero { grid-template-columns:1fr; } .jga-day-header { flex-direction:column; } .jga-day-weather { text-align:left; margin-top:12px; } }
</style>
</head>
<body>
<div class="container">
<a href="index.html" class="back-link">← Zurück zur Übersicht</a>
<h1>🌤️ Prag Wetter</h1>
<p class="subtitle">Vorschau für das JGA-Wochenende 25.–26. Juli 2026 (historische Mittelwerte)</p>
<p class="subtitle">Vorhersage für das JGA-Wochenende 25.–26. Juli 2026 — automatisch täglich aktualisiert</p>
<div class="note">
ℹ️ <strong>Hinweis:</strong> Das sind historische Mittelwerte für Ende Juli in Prag.
Aktuelle Vorhersage gibt's 1–2 Wochen vorher auf <a href="https://www.wetter.com/deutschland/tschechien/prag/ CZPR0001.html" target="_blank" style="color:#4cc9f0">wetter.com</a>,
<a href="https://www.yr.no/en/forecast/daily-table/2-3067696/Czechia/Prague/Prague" target="_blank" style="color:#4cc9f0">yr.no</a> oder
<a href="https://www.windy.com/-Weather-forecast-50.075/14.438?50.075,14.438,8" target="_blank" style="color:#4cc9f0">windy.com</a>.
<div class="hero"><div class="hero-current"><div class="hero-label">Jetzt in Prag</div><div class="hero-icon">☀️</div><div class="hero-temp">25°C</div><div class="hero-desc">Klar</div><div class="hero-mini"><span>💧 67%</span><span>💨 3 km/h</span><span>☁️ 0%</span></div></div><div class="hero-countdown"><div class="hero-label">Countdown JGA</div><div class="hero-countdown-num">28</div><div class="hero-countdown-label">Tage bis 25. Juli 2026</div></div></div><div style="margin-top:16px;padding:12px 16px;background:rgba(251,191,36,0.1);border-left:3px solid #fbbf24;border-radius:6px;font-size:13px;color:#fde68a;">⏳ 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.</div>
<div class="section-title">⚠️️ JGA-Tage</div>
<p class="section-subtitle-note">Vorhersage wird ab ca. 11. Juli verfuegbar. Bis dahin: Klimatologie-Vergleich.</p>
<div style="background:linear-gradient(135deg,#1c1c1f 0%,#1a1a1f 100%);border-radius:16px;padding:32px;border:2px dashed #3b82f6;margin-bottom:24px;"><div style="font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;">📅 Erwartungswerte für 25.–26. Juli 2026</div><div style="color:#60a5fa;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:20px;">Basierend auf Prags Juli-Klimatologie 1991–2020</div><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;"><div style="background:rgba(249,115,22,0.1);padding:18px;border-radius:10px;border-left:3px solid #f97316;"><div style="font-size:13px;color:#fdba74;text-transform:uppercase;letter-spacing:1px;">Temperatur Tag</div><div style="font-size:32px;font-weight:700;color:#f97316;margin-top:4px;">~25°C</div><div style="font-size:12px;color:#aaa;margin-top:4px;">Rekord: 37°C · Ø max</div></div><div style="background:rgba(96,165,250,0.1);padding:18px;border-radius:10px;border-left:3px solid #60a5fa;"><div style="font-size:13px;color:#93c5fd;text-transform:uppercase;letter-spacing:1px;">Temperatur Nacht</div><div style="font-size:32px;font-weight:700;color:#60a5fa;margin-top:4px;">~14°C</div><div style="font-size:12px;color:#aaa;margin-top:4px;">Rekord: 5°C · Ø min</div></div><div style="background:rgba(251,191,36,0.1);padding:18px;border-radius:10px;border-left:3px solid #fbbf24;"><div style="font-size:13px;color:#fde68a;text-transform:uppercase;letter-spacing:1px;">Sonnenschein</div><div style="font-size:32px;font-weight:700;color:#fbbf24;margin-top:4px;">~7.3h</div><div style="font-size:12px;color:#aaa;margin-top:4px;">pro Tag × 2 Tage = ~14.6h</div></div><div style="background:rgba(59,130,246,0.1);padding:18px;border-radius:10px;border-left:3px solid #3b82f6;"><div style="font-size:13px;color:#93c5fd;text-transform:uppercase;letter-spacing:1px;">Regen</div><div style="font-size:32px;font-weight:700;color:#60a5fa;margin-top:4px;">~25%</div><div style="font-size:12px;color:#aaa;margin-top:4px;">pro Tag × 70 mm/Monat</div></div></div><div style="background:rgba(96,165,250,0.08);border-left:3px solid #60a5fa;padding:14px 18px;border-radius:6px;font-size:14px;color:#dbeafe;line-height:1.6;">📆 <strong>So bekommst du die echte Vorhersage:</strong><br>• <strong>Ab ca. 11. Juli</strong> – tagesaktuelle Open-Meteo Vorhersage wird hier täglich um 02:00 eingespielt<br>• <strong>1–2 Wochen vorher</strong> – präzise Vorhersage bei <a href="https://www.wetter.com/deutschland/tschechien/prag/CZPR0001.html" target="_blank" style="color:#60a5fa;">wetter.com</a>, <a href="https://www.yr.no/en/forecast/daily-table/2-3067696/Czechia/Prague/Prague" target="_blank" style="color:#60a5fa;">yr.no</a>, <a href="https://www.windy.com/-Weather-forecast-50.075/14.438?50.075,14.438,8" target="_blank" style="color:#60a5fa;">windy.com</a><br>• <strong>Letzte 48h</strong> – stundengenaue Vorhersage (zuverlässig)</div><div style="margin-top:12px;font-size:12px;color:#888;font-style:italic;">Letzte verfügbare Vorhersage: Sonntag 12. Jul (13 Tage vor JGA-Tag 1, dient nur als grober Anhaltspunkt)</div></div>
<div class="section-title" style="margin-top:48px;">📊 16-Tage-Vorhersage Prag</div>
<p class="section-subtitle-note">Alle verfügbaren Tage — JGA-Tage hervorgehoben</p>
<div class="forecast-grid"><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Sa</div><div class="forecast-date">27. Jun</div><div class="forecast-icon">🌤️</div><div class="forecast-temp">38°</div><div class="forecast-temp-min">23°</div><div class="forecast-rain">🌧 0%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">So</div><div class="forecast-date">28. Jun</div><div class="forecast-icon">⛅</div><div class="forecast-temp">40°</div><div class="forecast-temp-min">25°</div><div class="forecast-rain">🌧 10%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Mo</div><div class="forecast-date">29. Jun</div><div class="forecast-icon">⛈️</div><div class="forecast-temp">32°</div><div class="forecast-temp-min">22°</div><div class="forecast-rain">🌧 78%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Di</div><div class="forecast-date">30. Jun</div><div class="forecast-icon">⛈️</div><div class="forecast-temp">27°</div><div class="forecast-temp-min">22°</div><div class="forecast-rain">🌧 80%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Mi</div><div class="forecast-date">1. Jul</div><div class="forecast-icon">⛈️</div><div class="forecast-temp">24°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 59%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Do</div><div class="forecast-date">2. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">26°</div><div class="forecast-temp-min">13°</div><div class="forecast-rain">🌧 35%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Fr</div><div class="forecast-date">3. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">22°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 26%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Sa</div><div class="forecast-date">4. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">25°</div><div class="forecast-temp-min">14°</div><div class="forecast-rain">🌧 22%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">So</div><div class="forecast-date">5. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">24°</div><div class="forecast-temp-min">17°</div><div class="forecast-rain">🌧 20%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Mo</div><div class="forecast-date">6. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">28°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 17%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Di</div><div class="forecast-date">7. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">28°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 20%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Mi</div><div class="forecast-date">8. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">21°</div><div class="forecast-temp-min">14°</div><div class="forecast-rain">🌧 14%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Do</div><div class="forecast-date">9. Jul</div><div class="forecast-icon">🌤️</div><div class="forecast-temp">25°</div><div class="forecast-temp-min">14°</div><div class="forecast-rain">🌧 8%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Fr</div><div class="forecast-date">10. Jul</div><div class="forecast-icon">☀️</div><div class="forecast-temp">28°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 11%</div></div><div class="forecast-card" style="background:rgba(255,255,255,0.03);border-color:#2a2a30;"><div class="forecast-day">Sa</div><div class="forecast-date">11. Jul</div><div class="forecast-icon">⛅</div><div class="forecast-temp">27°</div><div class="forecast-temp-min">18°</div><div class="forecast-rain">🌧 0%</div></div><div class="forecast-card" style="background:rLine truncated
<div class="climate-card"><div class="climate-title">🌤️ Prag-Klimatologie Juli</div><div class="climate-subtitle">Historische Mittelwerte 1991–2020 · Referenz fuer den JGA-Termin</div><div class="climate-grid"><div class="climate-stat"><div class="climate-num">25°C</div><div class="climate-label">Tagestemperatur Ø</div></div><div class="climate-stat"><div class="climate-num">14°C</div><div class="climate-label">Nachts Ø</div></div><div class="climate-stat"><div class="climate-num">37°C</div><div class="climate-label">Hitzerekord</div></div><div class="climate-stat"><div class="climate-num">7.3h</div><div class="climate-label">Sonne pro Tag</div></div><div class="climate-stat"><div class="climate-num">10</div><div class="climate-label">Regentage/Monat</div></div><div class="climate-stat"><div class="climate-num">70mm</div><div class="climate-label">Niederschlag/Monat</div></div></div><div class="climate-note">Sonniges, warmes Sommerwetter. Gelegentlich Gewitter am Abend.</div></div>
<div class="section-title" style="margin-top:48px;">📋 16-Tage-Trendtabelle</div>
<p class="section-subtitle-note">Detailübersicht — sortiert nach Datum</p>
<div style="background:#1a1a1f;border-radius:12px;padding:16px;overflow-x:auto;border:1px solid #2a2a30;"><table style="width:100%;border-collapse:collapse;font-size:13px;"><thead><tr style="color:#888;font-size:11px;text-transform:uppercase;letter-spacing:1px;"><th style="text-align:left;padding:8px;">Tag</th><th style="text-align:center;padding:8px;">Wetter</th><th style="text-align:left;padding:8px;">Temp</th><th style="text-align:left;padding:8px;">Regen</th><th style="text-align:left;padding:8px;">Menge</th><th style="text-align:left;padding:8px;">Wind</th><th style="text-align:left;padding:8px;">Beschreibung</th></tr></thead><tbody><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Sa</strong> 27. Jun (heute)</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>🌤️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>38° / 23°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>0%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>11 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Heiter</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>So</strong> 28. Jun</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>⛅</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>40° / 25°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>10%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>11 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Teilweise bewoelkt</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Mo</strong> 29. Jun</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>⛈️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>32° / 22°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>78%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>4.2 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>17 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Gewitter</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Di</strong> 30. Jun</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>⛈️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>27° / 22°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>80%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>11.7 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>8 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Gewitter</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Mi</strong> 1. Jul</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>⛈️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>24° / 16°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>59%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>13.8 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>16 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Gewitter</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Do</strong> 2. Jul</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>26° / 13°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>35%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>8 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Fr</strong> 3. Jul</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>22° / 16°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>26%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>0.9 mm</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>19 km/h</td><td style='padding:8px;border-bottom:1px solid #2a2a30;color:#aaa;'>Leichter Regen</td></tr><tr><td style='padding:8px;border-bottom:1px solid #2a2a30;'><strong>Sa</strong> 4. Jul</td><td style='padding:8px;border-bottom:1px solid #2a2a30;text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>25° / 14°</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>22%</td><td style='padding:8px;border-bottom:1px solid #2a2a30;'>1.8 mm</td><td style='padding:8px;border-bottom:1px solid #2a2aLine truncated
<div class="update-note">
🌐 Daten von <a href="https://open-meteo.com" target="_blank">Open-Meteo</a> (CC BY 4.0) · Letzte Aktualisierung: 27.06.2026 01:19 Uhr
· Nächste Aktualisierung: morgen 02:00 Berlin · <a href="https://www.windy.com/-Weather-forecast-50.075/14.438?50.075,14.438,8" target="_blank">Windy.com</a> · <a href="https://www.yr.no/en/forecast/daily-table/2-3067696/Czechia/Prague/Prague" target="_blank">yr.no</a>
</div>
<div class="weather-cards">
<div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0;">
<a href="index.html" class="link-card" style="background:transparent;color:#60a5fa;border:1px solid #353539;">
← Zurück zur Übersicht
</a>
<a href="packliste.html" class="link-card">🎒 Zur Packliste →</a>
</div>
<div class="tip">
💡 <strong>Packliste-Tipp:</strong> Auch im Hochsommer sind abends 16–17°C möglich — leichte Jacke für die Geister-Tour & Altstadt einplanen.
Sonnenschutz nicht vergessen (Beer Boat, Outdoor-Aktivitäten).
</div>
<div class="tip">
☔ <strong>Schlechtwetter-Alternativen</strong> (alle indoor): Escape Room, KartPlanet, Bowling, Lasertag, Beer Spa, Burlesque Show, Casino.
</div>
<div style="margin: 24px 0; padding: 12px; background: #26262a; border-radius: 6px; font-size: 12px; color: #888; text-align: center;">🌐 Daten von <a href="https://open-meteo.com" target="_blank" style="color: #60a5fa;">Open-Meteo</a> · Letzte Aktualisierung: 26.06.2026 22:29 · Naechste: morgen 02:00</div>
<a href="packliste.html" class="link-card">🎒 Zur Packliste →</a>
</div>
<div class="section-title" style="margin-top: 48px;">📊 14-Tage-Trend Prag</div>
<div style="background: #26262a; border-radius: 12px; padding: 16px; overflow-x: auto; border: 1px solid #353539;">
<table style="width: 100%; border-collapse: collapse; font-size: 13px;">
<thead>
<tr style="border-bottom: 1px solid #353539; color: #aaa;">
<th style="text-align: left; padding: 8px;">Tag</th>
<th style="text-align: center; padding: 8px;">Wetter</th>
<th style="text-align: left; padding: 8px;">Temp</th>
<th style="text-align: left; padding: 8px;">Regen</th>
<th style="text-align: left; padding: 8px;">Menge</th>
<th style="text-align: left; padding: 8px;">Wind</th>
<th style="text-align: left; padding: 8px;">Beschreibung</th>
</tr>
</thead>
<tbody><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Sa 27. Jun</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>🌤️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>38° / 24°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>10 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Heiter</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>So 28. Jun</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>☁️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>40° / 25°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>10%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>11 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Bedeckt</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Mo 29. Jun</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>⛈️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>32° / 22°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>78%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>4.2 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>17 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Gewitter</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Di 30. Jun</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>⛈️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>27° / 22°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>80%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>11.7 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>8 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Gewitter</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Mi 1. Jul</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>⛈️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>24° / 16°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>59%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>13.8 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>16 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Gewitter</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Do 2. Jul</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>☁️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>26° / 13°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>35%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>8 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Bedeckt</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Fr 3. Jul</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>🌧️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>22° / 16°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>26%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0.9 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>19 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Leichter Regen</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>Sa 4. Jul</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>🌦️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>25° / 14°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>31%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>1.8 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>11 km/h</td><td style='padding: 8px; border-bottom: 1px solid #353539; color: #aaa;'>Nieselregen</td></tr><tr><td style='padding: 8px; border-bottom: 1px solid #353539;'>So 5. Jul</td><td style='padding: 8px; border-bottom: 1px solid #353539; text-align: center; font-size: 18px;'>🌦️</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>24° / 17°</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>27%</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>0.6 mm</td><td style='padding: 8px; border-bottom: 1px solid #353539;'>10 km/hLine truncated
</tbody>
</table>
<div style="margin-top: 12px; font-size: 12px; color: #888;">⭐ = JGA-Tag</div>
</div>
</body>
</html>