200 lines
73 KiB
HTML
200 lines
73 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<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>">
|
||
<link rel="manifest" href="manifest.json">
|
||
<meta name="theme-color" content="#3b82f6">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<meta name="apple-mobile-web-app-title" content="JGA Prag">
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
<script>
|
||
(function() {
|
||
var saved = localStorage.getItem("jga-theme");
|
||
document.documentElement.setAttribute("data-theme", saved || "dark");
|
||
})();
|
||
</script>
|
||
<style>
|
||
/* ====== Theme-Variablen (Dark/Light Mode) ====== */
|
||
:root, [data-theme="dark"] {
|
||
--bg: #0f0f12; --text: #eee; --text-strong: #fff; --text-muted: #888;
|
||
--accent: #3b82f6; --accent-text: #60a5fa; --accent-border: #fbbf24;
|
||
--card-bg: rgba(255,255,255,0.03); --card-border: #2a2a30;
|
||
--hero-gradient: linear-gradient(135deg,#1c1c1f 0%,#2a2a30 100%);
|
||
--climate-gradient: linear-gradient(135deg,#1c1c1f 0%,#1f1f23 100%);
|
||
--jga-gradient: linear-gradient(135deg,#1c1c1f 0%,#232328 100%);
|
||
--chart-bg: #0f0f12; --details-bg: rgba(255,255,255,0.03);
|
||
--update-bg: #1a1a1f; --note-text: #888;
|
||
--warning-bg: rgba(251,191,36,0.1);
|
||
--warning-border: #fbbf24;
|
||
--warning-text: #fde68a;
|
||
--note-link: #60a5fa;
|
||
--shadow-color: rgba(0,0,0,0.15);
|
||
--theme-toggle-bg: rgba(255,255,255,0.05);
|
||
--table-bg: #1a1a1f; --table-row-alt: rgba(251,191,36,0.08);
|
||
--climate-stat-bg: rgba(255,255,255,0.03);
|
||
--forecast-highlight-bg: rgba(251,191,36,0.15);
|
||
}
|
||
[data-theme="light"] {
|
||
--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;
|
||
--note-link: #1d4ed8;
|
||
--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;
|
||
--warning-bg: rgba(251,191,36,0.15);
|
||
--warning-border: #d97706;
|
||
--warning-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; }
|
||
.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; 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; }
|
||
.home-btn { position:fixed; top:16px; left:16px; z-index:1000; background:var(--theme-toggle-bg); border:1px solid var(--card-border); color:var(--text); text-decoration:none; padding:10px 16px; border-radius:22px; font-size:14px; font-weight:600; box-shadow:0 2px 8px var(--shadow-color); transition:all 0.2s; display:inline-flex; align-items:center; gap:6px; }
|
||
.home-btn:hover { transform:translateX(-2px); border-color:var(--accent); color:var(--accent); }
|
||
@media (max-width: 768px) { .home-btn { top:10px; left:10px; padding:8px 12px; font-size:13px; } .theme-toggle { top:10px; right:10px; width:38px; height:38px; font-size:18px; } }
|
||
.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: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: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: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: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: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: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: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: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: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: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; }
|
||
.theme-toggle:hover { transform:rotate(15deg) scale(1.1); border-color:var(--accent); }
|
||
|
||
@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">
|
||
|
||
<h1>🌤️ Prag Wetter</h1>
|
||
<p class="subtitle">Vorhersage für das JGA-Wochenende 25.–26. Juli 2026 — automatisch täglich aktualisiert</p>
|
||
|
||
<div class="hero"><div class="hero-current"><div class="hero-label">Jetzt in Prag</div><div class="hero-icon">☁️</div><div class="hero-temp">24°C</div><div class="hero-desc">Bedeckt</div><div class="hero-mini"><span>💧 64%</span><span>💨 1 km/h</span><span>☁️ 100%</span></div></div><div class="hero-countdown"><div class="hero-label">Countdown JGA</div><div class="hero-countdown-num">8</div><div class="hero-countdown-label">Tage bis 25. Juli 2026</div></div></div><div style="margin-top:16px;padding:12px 16px;background:rgba(34,197,94,0.1);border-left:3px solid #22c55e;border-radius:6px;font-size:13px;color:#86efac;">✅ JGA-Tage sind in der aktuellen Vorhersage — siehe Details unten.</div>
|
||
|
||
<div class="section-title">⚠️️ JGA-Tage im Detail</div>
|
||
<p class="section-subtitle-note">Stundengenaue Vorhersage — taeglich aktualisiert</p>
|
||
<div class="jga-day-card"><div class="jga-day-header"><div><div class="jga-day-title">Samstag, 25. Jul</div><div class="jga-day-subtitle">JGA-Tag 1 · Prag</div></div><div class="jga-day-weather"><div class="jga-day-icon">🌦️</div><div class="jga-day-temp">22°C</div><div class="jga-day-desc">Nieselregen</div></div></div><div class="jga-day-chart"><svg viewBox="0 0 800 220" preserveAspectRatio="xMidYMid meet" style="width:100%; height:auto; display:block;"><line x1="40" y1="180.0" x2="780" y2="180.0" stroke="#2a2a30" stroke-width="1"/><text x="34" y="184.0" fill="#666" font-size="10" text-anchor="end">11°</text><line x1="40" y1="155.3846153846154" x2="780" y2="155.3846153846154" stroke="#2a2a30" stroke-width="1"/><text x="34" y="159.3846153846154" fill="#666" font-size="10" text-anchor="end">13°</text><line x1="40" y1="130.76923076923077" x2="780" y2="130.76923076923077" stroke="#2a2a30" stroke-width="1"/><text x="34" y="134.76923076923077" fill="#666" font-size="10" text-anchor="end">15°</text><line x1="40" y1="106.15384615384615" x2="780" y2="106.15384615384615" stroke="#2a2a30" stroke-width="1"/><text x="34" y="110.15384615384615" fill="#666" font-size="10" text-anchor="end">17°</text><line x1="40" y1="81.53846153846153" x2="780" y2="81.53846153846153" stroke="#2a2a30" stroke-width="1"/><text x="34" y="85.53846153846153" fill="#666" font-size="10" text-anchor="end">19°</text><line x1="40" y1="56.92307692307692" x2="780" y2="56.92307692307692" stroke="#2a2a30" stroke-width="1"/><text x="34" y="60.92307692307692" fill="#666" font-size="10" text-anchor="end">21°</text><line x1="40" y1="32.30769230769229" x2="780" y2="32.30769230769229" stroke="#2a2a30" stroke-width="1"/><text x="34" y="36.30769230769229" fill="#666" font-size="10" text-anchor="end">23°</text><rect x="678.4313725490197" y="154.4" width="29.019607843137237" height="25.599999999999994" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="721.9607843137255" y="154.4" width="29.019607843137237" height="25.599999999999994" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="765.4901960784314" y="154.4" width="29.019607843137237" height="25.599999999999994" fill="#3b82f6" opacity="0.5" rx="2"/><polyline points="40.0,155.3846153846154 83.52941176470588,143.07692307692307 127.05882352941177,130.76923076923077 170.58823529411765,118.46153846153845 214.11764705882354,106.15384615384615 257.6470588235294,93.84615384615385 301.1764705882353,69.23076923076923 344.7058823529412,56.92307692307692 388.2352941176471,56.92307692307692 431.7647058823529,44.61538461538461 475.29411764705884,44.61538461538461 518.8235294117648,44.61538461538461 562.3529411764706,56.92307692307692 605.8823529411765,56.92307692307692 649.4117647058824,69.23076923076923 692.9411764705883,69.23076923076923 736.4705882352941,81.53846153846153 780.0,93.84615384615385" fill="none" stroke="#f97316" stroke-width="2.5" stroke-linejoin="round" stroke-linecap="round"/><circle cx="40.0" cy="155.3846153846154" r="3" fill="#f97316"/><title>06:00: 13°C, Regen 6%</title><circle cx="83.52941176470588" cy="143.07692307692307" r="3" fill="#f97316"/><title>07:00: 14°C, Regen 5%</title><circle cx="127.05882352941177" cy="130.76923076923077" r="3" fill="#f97316"/><title>08:00: 15°C, Regen 4%</title><circle cx="170.58823529411765" cy="118.46153846153845" r="3" fill="#f97316"/><title>09:00: 16°C, Regen 4%</title><circle cx="214.11764705882354" cy="106.15384615384615" r="3" fill="#f97316"/><title>10:00: 17°C, Regen 4%</title><circle cx="257.6470588235294" cy="93.84615384615385" r="3" fill="#f97316"/><title>11:00: 18°C, Regen 5%</title><circle cx="301.1764705882353" cy="69.23076923076923" r="3" fill="#f97316"/><title>12:00: 20°C, Regen 6%</title><circle cx="344.7058823529412" cy="56.92307692307692" r="3" fill="#f97316"/><title>13:00: 21°C, Regen 7%</title><circle cx="388.2352941176471" cy="56.92307692307692" r="3" fill="#f97316"/><title>14:00: 21°C, Regen 8%</title><circle cx="431.7647058823529" cy="44.61538461538461" r="3" fill="#f97316"/><title>15:00: 22°C, Regen 9%</title><circle cx="475.29411764705884" cy="44.61538461538461" r="3" fill="#f97316"/><title>16:00: 22°C, Regen 11%</title><circle cx="518.8235294117648" cy="44.61538461538461" r="3" fill="#f97316"/><title>17:00: 22°C, Regen 12%</title><circle cx="562.3529411764706" cy="56.92307692307692" r="3" fill="#f97316"/><title>18:00: 21°C, Regen 13%</title><circle cx="605.8823529411765" cy="56.92307692307692" r="3" fill="#f97316"/><title>19:00: 21°C, Regen 14%</title><circle cx="649.4117647058824" cy="69.23076923076923" r="3" fill="#f97316"/><title>20:00: 20°C, Regen 14%</title><circle cx="692.9411764705883" cy="69.23076923076923" r="3" fill="#f97316"/><title>21:00: 20°C, Regen 13%</title><circle cx="736.4705882352941" cy="81.53846153846153" r="3" fill="#f97316"/><title>22:00: 19°C, Regen 11%</title><circle cx="780.0" cy="93.84615384615385" r="3" fill="#f97316"/><title>23:00: 18°C, Regen 9%</title><text x="40.0" y="194" fill="#888" font-size="10" text-anchor="middle">06:00</text><text x="170.58823529411765" y="194" fill="#888" font-size="10" text-anchor="middle">09:00</text><text x="301.1764705882353" y="194" fill="#888" font-size="10" text-anchor="middle">12:00</text><text x="431.7647058823529" y="194" fill="#888" font-size="10" text-anchor="middle">15:00</text><text x="562.3529411764706" y="194" fill="#888" font-size="10" text-anchor="middle">18:00</text><text x="692.9411764705883" y="194" fill="#888" font-size="10" text-anchor="middle">21:00</text><text x="780" y="15" fill="#3b82f6" font-size="10" text-anchor="end">Regen (mm)</text><text x="40" y="15" fill="#f97316" font-size="10">Temperatur (°C)</text></svg></div><div class="jga-day-details"><div class="detail"><div class="label">Min / Max</div><div class="value">13° / 22°C</div></div><div class="detail"><div class="label">Regen</div><div class="value">14% / 0.6mm</div></div><div class="detail"><div class="label">Wind</div><div class="value">11 km/h Böen 36</div></div><div class="detail"><div class="label">UV-Index</div><div class="value">3.8 (niedrig)</div></div><div class="detail"><div class="label">Sonne</div><div class="value">☀️ 05:21 – 20:55</div></div></div><div class="section-subtitle">Stuendliche Vorhersage</div><div style="background:var(--table-bg);border-radius:8px;overflow:hidden;border:1px solid var(--card-border);"><table style="width:100%;border-collapse:collapse;font-size:13px;"><thead><tr style="background:var(--table-header-bg);color:var(--dim-text);font-size:11px;text-transform:uppercase;letter-spacing:1px;"><th style="text-align:left;padding:8px;">Uhr</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;">Gefuehlt</th><th style="text-align:center;padding:8px;">Regen</th><th style="text-align:left;padding:8px;">Wolken</th><th style="text-align:left;padding:8px;">Wind</th></tr></thead><tbody><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>06:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌤️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>13°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 13°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>29%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>5 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>07:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌤️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>14°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 14°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>26%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>4 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>08:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌤️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>15°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 15°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>27%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>4 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>09:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌤️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>16°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 15°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>35%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>5 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>10:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌤️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 16°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>48%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>6 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>11:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>64%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>7 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>12:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>79%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>9 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>13:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>92%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>10 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>14:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>100%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>11 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>15:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>22°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>100%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>10 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>16:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>22°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>98%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>9 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>17:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>22°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>92%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>8 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>18:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>85%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>7 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>19:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 21°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>79%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>6 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>20:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>77%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>5 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>21:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.2mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>79%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>3 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>22:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.2mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>82%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>3 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>23:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.2mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>88%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>6 km/h</td></tr></tbody></table></div><div class="section-subtitle" style="margin-top:24px;">Empfehlungen</div><div style="display:grid;gap:10px;"><div style="display:flex;align-items:start;gap:12px;padding:12px;background:rgba(255,255,255,0.03);border-radius:8px;border-left:3px solid #fbbf24;"><div style="font-size:24px;">🌤️</div><div><div style="font-weight:600;color:#fbbf24;">Angenehm warm</div><div style="color:var(--jga-desc);font-size:13px;margin-top:2px;">Warmes Wetter: Perfekt fuer Beer Boat, Altstadt-Tour, Paintball.</div></div></div></div></div><div class="jga-day-card"><div class="jga-day-header"><div><div class="jga-day-title">Sonntag, 26. Jul</div><div class="jga-day-subtitle">JGA-Tag 2 · Prag</div></div><div class="jga-day-weather"><div class="jga-day-icon">🌦️</div><div class="jga-day-temp">20°C</div><div class="jga-day-desc">Nieselregen</div></div></div><div class="jga-day-chart"><svg viewBox="0 0 800 220" preserveAspectRatio="xMidYMid meet" style="width:100%; height:auto; display:block;"><line x1="40" y1="180.0" x2="780" y2="180.0" stroke="#2a2a30" stroke-width="1"/><text x="34" y="184.0" fill="#666" font-size="10" text-anchor="end">15°</text><line x1="40" y1="134.28571428571428" x2="780" y2="134.28571428571428" stroke="#2a2a30" stroke-width="1"/><text x="34" y="138.28571428571428" fill="#666" font-size="10" text-anchor="end">17°</text><line x1="40" y1="88.57142857142858" x2="780" y2="88.57142857142858" stroke="#2a2a30" stroke-width="1"/><text x="34" y="92.57142857142858" fill="#666" font-size="10" text-anchor="end">19°</text><line x1="40" y1="42.85714285714286" x2="780" y2="42.85714285714286" stroke="#2a2a30" stroke-width="1"/><text x="34" y="46.85714285714286" fill="#666" font-size="10" text-anchor="end">21°</text><rect x="156.07843137254903" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="199.60784313725492" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="243.13725490196077" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="286.6666666666667" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="330.1960784313726" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><rect x="373.72549019607845" y="167.2" width="29.019607843137237" height="12.800000000000011" fill="#3b82f6" opacity="0.5" rx="2"/><polyline points="40.0,134.28571428571428 83.52941176470588,134.28571428571428 127.05882352941177,111.42857142857143 170.58823529411765,111.42857142857143 214.11764705882354,88.57142857142858 257.6470588235294,88.57142857142858 301.1764705882353,65.71428571428571 344.7058823529412,65.71428571428571 388.2352941176471,65.71428571428571 431.7647058823529,65.71428571428571 475.29411764705884,65.71428571428571 518.8235294117648,65.71428571428571 562.3529411764706,65.71428571428571 605.8823529411765,88.57142857142858 649.4117647058824,88.57142857142858 692.9411764705883,111.42857142857143 736.4705882352941,111.42857142857143 780.0,134.28571428571428" fill="none" stroke="#f97316" stroke-width="2.5" stroke-linejoin="round" stroke-linecap="round"/><circle cx="40.0" cy="134.28571428571428" r="3" fill="#f97316"/><title>06:00: 17°C, Regen 10%</title><circle cx="83.52941176470588" cy="134.28571428571428" r="3" fill="#f97316"/><title>07:00: 17°C, Regen 12%</title><circle cx="127.05882352941177" cy="111.42857142857143" r="3" fill="#f97316"/><title>08:00: 18°C, Regen 14%</title><circle cx="170.58823529411765" cy="111.42857142857143" r="3" fill="#f97316"/><title>09:00: 18°C, Regen 16%</title><circle cx="214.11764705882354" cy="88.57142857142858" r="3" fill="#f97316"/><title>10:00: 19°C, Regen 18%</title><circle cx="257.6470588235294" cy="88.57142857142858" r="3" fill="#f97316"/><title>11:00: 19°C, Regen 20%</title><circle cx="301.1764705882353" cy="65.71428571428571" r="3" fill="#f97316"/><title>12:00: 20°C, Regen 22%</title><circle cx="344.7058823529412" cy="65.71428571428571" r="3" fill="#f97316"/><title>13:00: 20°C, Regen 24%</title><circle cx="388.2352941176471" cy="65.71428571428571" r="3" fill="#f97316"/><title>14:00: 20°C, Regen 25%</title><circle cx="431.7647058823529" cy="65.71428571428571" r="3" fill="#f97316"/><title>15:00: 20°C, Regen 25%</title><circle cx="475.29411764705884" cy="65.71428571428571" r="3" fill="#f97316"/><title>16:00: 20°C, Regen 25%</title><circle cx="518.8235294117648" cy="65.71428571428571" r="3" fill="#f97316"/><title>17:00: 20°C, Regen 25%</title><circle cx="562.3529411764706" cy="65.71428571428571" r="3" fill="#f97316"/><title>18:00: 20°C, Regen 25%</title><circle cx="605.8823529411765" cy="88.57142857142858" r="3" fill="#f97316"/><title>19:00: 19°C, Regen 24%</title><circle cx="649.4117647058824" cy="88.57142857142858" r="3" fill="#f97316"/><title>20:00: 19°C, Regen 24%</title><circle cx="692.9411764705883" cy="111.42857142857143" r="3" fill="#f97316"/><title>21:00: 18°C, Regen 24%</title><circle cx="736.4705882352941" cy="111.42857142857143" r="3" fill="#f97316"/><title>22:00: 18°C, Regen 24%</title><circle cx="780.0" cy="134.28571428571428" r="3" fill="#f97316"/><title>23:00: 17°C, Regen 24%</title><text x="40.0" y="194" fill="#888" font-size="10" text-anchor="middle">06:00</text><text x="170.58823529411765" y="194" fill="#888" font-size="10" text-anchor="middle">09:00</text><text x="301.1764705882353" y="194" fill="#888" font-size="10" text-anchor="middle">12:00</text><text x="431.7647058823529" y="194" fill="#888" font-size="10" text-anchor="middle">15:00</text><text x="562.3529411764706" y="194" fill="#888" font-size="10" text-anchor="middle">18:00</text><text x="692.9411764705883" y="194" fill="#888" font-size="10" text-anchor="middle">21:00</text><text x="780" y="15" fill="#3b82f6" font-size="10" text-anchor="end">Regen (mm)</text><text x="40" y="15" fill="#f97316" font-size="10">Temperatur (°C)</text></svg></div><div class="jga-day-details"><div class="detail"><div class="label">Min / Max</div><div class="value">16° / 20°C</div></div><div class="detail"><div class="label">Regen</div><div class="value">25% / 1.2mm</div></div><div class="detail"><div class="label">Wind</div><div class="value">17 km/h Böen 46</div></div><div class="detail"><div class="label">UV-Index</div><div class="value">5.1 (mittel)</div></div><div class="detail"><div class="label">Sonne</div><div class="value">☀️ 05:23 – 20:54</div></div></div><div class="section-subtitle">Stuendliche Vorhersage</div><div style="background:var(--table-bg);border-radius:8px;overflow:hidden;border:1px solid var(--card-border);"><table style="width:100%;border-collapse:collapse;font-size:13px;"><thead><tr style="background:var(--table-header-bg);color:var(--dim-text);font-size:11px;text-transform:uppercase;letter-spacing:1px;"><th style="text-align:left;padding:8px;">Uhr</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;">Gefuehlt</th><th style="text-align:center;padding:8px;">Regen</th><th style="text-align:left;padding:8px;">Wolken</th><th style="text-align:left;padding:8px;">Wind</th></tr></thead><tbody><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>06:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>96%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>7 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>07:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>93%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>6 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>08:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#444;">-</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>91%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>7 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>09:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>89%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>9 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>10:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>86%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>11 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>11:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>83%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>13 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>12:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>80%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>15 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>13:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>78%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>16 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>14:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#3b82f6;">🌧 0.1mm</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>77%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>17 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>15:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">25%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>77%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>16 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>16:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛅</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">25%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>79%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>15 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>17:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">25%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>81%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>13 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>18:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>20°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">25%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>84%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>10 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>19:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">24%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>86%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>9 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>20:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>19°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">24%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>88%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>8 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>21:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">24%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>90%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>8 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>22:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>18°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">24%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>93%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>9 km/h</td></tr><tr><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);'>23:00</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);font-weight:600;color:#f97316;'>17°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);font-size:12px;'>fühlt 16°</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:center;'><span style="color:#666;">24%</span></td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--muted-text);'>95%</td><td style='padding:6px 8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>10 km/h</td></tr></tbody></table></div><div class="section-subtitle" style="margin-top:24px;">Empfehlungen</div><div style="display:grid;gap:10px;"><div style="display:flex;align-items:start;gap:12px;padding:12px;background:rgba(255,255,255,0.03);border-radius:8px;border-left:3px solid #fbbf24;"><div style="font-size:24px;">🌤️</div><div><div style="font-weight:600;color:#fbbf24;">Angenehm warm</div><div style="color:var(--jga-desc);font-size:13px;margin-top:2px;">Warmes Wetter: Perfekt fuer Beer Boat, Altstadt-Tour, Paintball.</div></div></div></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(251,191,36,0.15);border-color:#fbbf24;"><div class="forecast-day">Fr</div><div class="forecast-date">17. Jul (heute)</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">28°</div><div class="forecast-temp-min">22°</div><div class="forecast-rain">🌧 70%</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">18. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">27°</div><div class="forecast-temp-min">19°</div><div class="forecast-rain">🌧 70%</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">19. Jul</div><div class="forecast-icon">⛈️</div><div class="forecast-temp">23°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 73%</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">20. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">22°</div><div class="forecast-temp-min">14°</div><div class="forecast-rain">🌧 25%</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">21. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">20°</div><div class="forecast-temp-min">14°</div><div class="forecast-rain">🌧 21%</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">22. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">18°</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">Do</div><div class="forecast-date">23. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">21°</div><div class="forecast-temp-min">15°</div><div class="forecast-rain">🌧 33%</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">24. Jul</div><div class="forecast-icon">🌧️</div><div class="forecast-temp">19°</div><div class="forecast-temp-min">13°</div><div class="forecast-rain">🌧 21%</div></div><div class="forecast-card" style="background:rgba(59,130,246,0.18);border-color:#3b82f6;"><div class="forecast-day">Sa</div><div class="forecast-date">25. Jul ⭐ JGA</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">22°</div><div class="forecast-temp-min">13°</div><div class="forecast-rain">🌧 14%</div></div><div class="forecast-card" style="background:rgba(59,130,246,0.18);border-color:#3b82f6;"><div class="forecast-day">So</div><div class="forecast-date">26. Jul ⭐ JGA</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">20°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 25%</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">27. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">20°</div><div class="forecast-temp-min">15°</div><div class="forecast-rain">🌧 27%</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">28. Jul</div><div class="forecast-icon">☁️</div><div class="forecast-temp">23°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 24%</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">29. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">26°</div><div class="forecast-temp-min">16°</div><div class="forecast-rain">🌧 29%</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">30. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">24°</div><div class="forecast-temp-min">18°</div><div class="forecast-rain">🌧 29%</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">31. Jul</div><div class="forecast-icon">🌦️</div><div class="forecast-temp">32°</div><div class="forecast-temp-min">17°</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">Sa</div><div class="forecast-date">1. Aug</div><div class="forecast-icon">☀️</div><div class="forecast-temp">20°</div><div class="forecast-temp-min">12°</div><div class="forecast-rain">🌧 0%</div></div></div>
|
||
|
||
<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:var(--table-bg);border-radius:12px;padding:16px;overflow-x:auto;border:1px solid var(--card-border);"><table style="width:100%;border-collapse:collapse;font-size:13px;"><thead><tr style="color:var(--muted-text);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 style="background:rgba(251,191,36,0.08);"><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Fr</strong> 17. Jul (heute)</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>28° / 22°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>70%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.4 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>16 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Leichter Regen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Sa</strong> 18. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>27° / 19°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>70%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>14 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>So</strong> 19. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>⛈️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>23° / 16°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>73%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>6.2 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>14 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Gewitter</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Mo</strong> 20. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>22° / 14°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>25%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>18 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Di</strong> 21. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>20° / 14°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>21%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.3 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>18 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Mi</strong> 22. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>18° / 14°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>22%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>1.5 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>16 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Leichter Regen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Do</strong> 23. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>21° / 15°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>33%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.9 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>19 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Fr</strong> 24. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌧️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>19° / 13°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>21%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>9.3 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>15 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Starker Nieselregen</td></tr><tr style="background:rgba(59,130,246,0.10);border-left:3px solid #3b82f6;"><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Sa</strong> 25. Jul ⭐ JGA</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>22° / 13°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>14%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.6 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>11 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr style="background:rgba(59,130,246,0.10);border-left:3px solid #3b82f6;"><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>So</strong> 26. Jul ⭐ JGA</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>20° / 16°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>25%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>1.2 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>17 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Mo</strong> 27. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>20° / 15°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>27%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>1.2 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>12 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Di</strong> 28. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☁️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>23° / 16°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>24%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.0 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>11 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Bedeckt</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Mi</strong> 29. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>26° / 16°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>29%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>3.0 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>6 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Do</strong> 30. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>24° / 18°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>29%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0.9 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>4 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Fr</strong> 31. Jul</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>🌦️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>32° / 17°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>1.6 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>18 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Nieselregen</td></tr><tr><td style='padding:8px;border-bottom:1px solid var(--card-border);'><strong>Sa</strong> 1. Aug</td><td style='padding:8px;border-bottom:1px solid var(--card-border);text-align:center;font-size:18px;'>☀️</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>20° / 12°</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0%</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0 mm</td><td style='padding:8px;border-bottom:1px solid var(--card-border);'>0 km/h</td><td style='padding:8px;border-bottom:1px solid var(--card-border);color:var(--dim-text);'>Klar</td></tr></tbody></table><div style="margin-top:12px;font-size:12px;color:#666;">⭐ = JGA-Tag · (heute) = aktueller Tag</div></div>
|
||
|
||
<div class="update-note">
|
||
🌐 Daten von <a href="https://open-meteo.com" target="_blank">Open-Meteo</a> (CC BY 4.0) · Letzte Aktualisierung: 17.07.2026 00:00 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 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>
|
||
<a href="index.html" class="home-btn" title="Zurück zur Startseite">🏠 Startseite</a>
|
||
<button class="theme-toggle" id="theme-toggle" aria-label="Theme wechseln" title="Light/Dark Mode">🌝</button>
|
||
<script>
|
||
(function() {
|
||
var btn = document.getElementById("theme-toggle");
|
||
function sync() {
|
||
var t = document.documentElement.getAttribute("data-theme") || "dark";
|
||
btn.textContent = t === "dark" ? "☀️" : "🌝";
|
||
btn.title = t === "dark" ? "Light Mode aktivieren" : "Dark Mode aktivieren";
|
||
}
|
||
sync();
|
||
btn.addEventListener("click", function() {
|
||
var t = document.documentElement.getAttribute("data-theme") || "dark";
|
||
var next = t === "dark" ? "light" : "dark";
|
||
document.documentElement.setAttribute("data-theme", next);
|
||
try { localStorage.setItem("jga-theme", next); } catch (e) {}
|
||
sync();
|
||
});
|
||
})();
|
||
</script>
|
||
<script>
|
||
if ("serviceWorker" in navigator) {
|
||
window.addEventListener("load", function() {
|
||
navigator.serviceWorker.register("./sw.js")
|
||
.then(function(r){ console.log("[PWA] SW registered:", r.scope); })
|
||
.catch(function(e){ console.warn("[PWA] SW registration failed:", e); });
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|