<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ausztria Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/europa/ausztria/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/europa/ausztria/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Tue, 02 Dec 2025 10:39:12 +0000</lastBuildDate>
	<language>hu</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>Ausztria Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/europa/ausztria/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Innsbruck időjárása – mikor a legjobb Tirolba utazni?</title>
		<link>https://mikorutazz.hu/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Tue, 02 Dec 2025 10:39:11 +0000</pubDate>
				<category><![CDATA[Ausztria]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1576</guid>

					<description><![CDATA[<p>Innsbruck egy lenyűgöző alpesi város, amely egyaránt kínál téli sportlehetőségeket és nyári kalandokat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Innsbruck időjárását a hideg, kontinentális hegyi&#8230;</p>
<p>A <a href="https://mikorutazz.hu/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Innsbruck időjárása – mikor a legjobb Tirolba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Innsbruck egy lenyűgöző alpesi város, amely egyaránt kínál téli sportlehetőségeket és nyári kalandokat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Innsbruck időjárását a hideg, kontinentális hegyi éghajlat határozza meg, amely hideg, havas teleket és kellemes, mérsékelt nyarakat eredményez. A Tirol tartomány központjában, az Alpokban elhelyezkedő város 580 méter magasságban fekszik, és a környező hegyek jelentősen befolyásolják az időjárást. Az Inn folyó völgyében található város a nedves, hűvös klímájának köszönhetően változatos időjárást biztosít az év során.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Innsbruck négy jól elkülöníthető évszakkal rendelkezik, bár az átmeneti időszakok gyakran rövidek és gyorsak. A tél és a nyár egyértelműen dominál, tavaszi és őszi időszakok változékonyak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavasz rövid, de kellemes időszak Innsbruckban, gyorsan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>6-14°C</strong> között mozog. A tavasz elején még előfordulhatnak fagyos reggelek, de áprilisra már jelentősen felmelegszik az idő. Az alpesi növényzet virágba borul, különösen májusban. A csapadék mennyisége fokozatosan növekszik.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-szeptember)</strong></h3>



<p>A nyár kellemes és mérsékelt, nem túl forró. Az átlaghőmérséklet <strong>18-19°C</strong>, de a nappali maximum gyakran 24-25°C-ot ér el. Július és augusztus a legmelegebb hónapok. A nyári hónapokban gyakoribbak a délutáni záporok és zivatarok, különösen a hegyi területeken. A páratartalom mérsékelt, 68-72% között alakul.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz Innsbruck egyik legszebb évszaka, fokozatosan csökkenő hőmérséklettel és színes lombozattal. Az átlaghőmérséklet <strong>5-15°C</strong> között alakul. A csapadék mennyisége szeptemberben még magas, de októberre-novemberre jelentősen csökken. A levegő frissebb lesz, és a nappalok rövidülnek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A tél hideg és havas, az átlaghőmérséklet <strong>-1 és 2°C</strong> között mozog, de éjszaka gyakran -10°C alá süllyed. A hóesés rendszeres, évente átlagosan 99 cm hó hull. A nappalok általában fagypont körül alakulnak, de tiszta időben kellemes napsütés lehet. Ez a téli sportok ideális időszaka.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Innsbruck időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Innsbruck egyik leghidegebb hónapja, a téli sportok csúcsidőszaka. A nappali hőmérséklet általában 4°C körül mozog, míg éjszaka -5°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali és éjszakai órákban, de előfordulhatnak -12°C alatti értékek is.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 3 óra. A nappali világosság időtartama rövid, mindössze 9 óra. A napkelte 7:00 körül, a napnyugta pedig már 17:00 körül van.</p>



<p>A csapadék mennyisége alacsony, átlagosan 45 mm körül mozog. A havi csapadékos napok száma 8, gyakran hó formájában.</p>



<p>A relatív páratartalom 82% körüli, ami nedves levegőt jelent. Az égbolt gyakran borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Innsbruckba, vigyél magaddal vastag téli kabátot, meleg aláöltözetet és rétegesen öltözködj. Ez az egyik legjobb időszak a síeléshez és egyéb téli sportokhoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február hasonló a januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 7°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A fagy továbbra is gyakori, és a hónap második felében is előfordulhatnak -10°C alatti értékek.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 4,5 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 6:45 körül, a napnyugta pedig 18:00 körül történik.</p>



<p>A csapadék mennyisége az év legalacsonyabb értékét éri el, átlagosan 35 mm körül. A csapadékos napok száma 7, általában hó formájában.</p>



<p>A levegő továbbra is nedves, 75% körüli páratartalommal. A februári látogatáshoz még mindig teljes téli felszerelés szükséges.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március egyértelmű átmenetet jelent a tavasz felé, de még mindig hűvös. A hőmérséklet jelentősen emelkedik, nappal már 12°C-ot is elérhet, míg az éjszakák 0°C körül alakulnak. Fagyos reggelek még gyakoriak, különösen a hónap elején.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 5,5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:15 körül, a napnyugta pedig 18:15 körül következik be.</p>



<p>A csapadék mennyisége enyhe növekedést mutat, 60 mm körüli értékkel. A csapadékos napok száma 9, vegyes formában – eső és hó.</p>



<p>A páratartalom csökken, 68% körüli értékre. A márciusi időjárás változékony, ezért rétegesen érdemes öltözködni.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, de még mindig hűvös. A nappali hőmérséklet 16°C körülire emelkedik, míg éjszaka 4°C körül alakul. A fagyos napok ritkábbá válnak, de még előfordulhatnak, különösen a hónap elején.</p>



<p>A napsütéses órák száma átlagosan napi 6 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége mérsékelt marad, 60 mm körüli értékkel. Az esős napok száma 9, általában rövid záporok formájában.</p>



<p>A levegő páratartalma kellemes, 64% körüli. Április már jó időszak a túrázáshoz, bár a magas hegyekben még hó lehet.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a kora nyári időszak kezdete, amikor a hőmérséklet már kellemes értékek felé kúszik. A nappali értékek 21°C körülire emelkednek, míg éjszaka 8°C körül alakulnak. A hónap végére már igazán meleg napok jellemzők.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan 6,5 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:45 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége növekszik, 90 mm körüli értékkel. A csapadékos napok száma 11, mivel a tavaszi esők intenzívebbé válnak.</p>



<p>A páratartalom mérsékelt, 65% körüli értékre. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, mivel a hegyekben még hűvösebb lehet.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már igazi nyári hónap, kellemes hőmérsékletekkel. A nappali maximum 24°C körülire emelkedik, míg éjszaka 12°C körül alakul. A nyári időszak kezdete, ideális a túrázáshoz és szabadtéri programokhoz.</p>



<p>A napsütéses órák száma átlagosan napi 6,5 óra. A nappali világosság időtartama eléri az éves csúcsot, 16 órát. A napkelte rendkívül korán, 5:30 körül, a napnyugta pedig késői, 20:30 körül van.</p>



<p>A csapadék mennyisége jelentősen megnövekszik, 125 mm körüli értékkel. Az esős napok száma 14, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom mérsékelt, 68% körüli. A júniusi utazáshoz könnyű ruházat, de esernyő és egy vékony dzseki ajánlott az esti órákra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Innsbruck legmelegebb hónapja, ideális nyári időjárással. A nappali hőmérséklet rendszeresen eléri a 25°C-ot, míg az éjszakák is kellemesen melegek maradnak, 13°C körüli értékekkel. A hőmérséklet ritkán emelkedik 33°C fölé.</p>



<p>A napsütéses órák száma átlagosan napi 7,5 óra, az év legmagasabb értéke. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:45 körül, a napnyugta pedig 20:15 körül következik be.</p>



<p>A csapadék mennyisége magas, 135 mm körüli értékkel. A nyári zivatarok gyakoriak, szinte minden nap délután előfordulhatnak. A csapadékos napok száma 14.</p>



<p>A páratartalom mérsékelt, 70% körüli. A júliusi látogatáshoz könnyű nyári ruházat ajánlott, de mindig legyen kéznél esernyő és vékony kabát a hegyekhez.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén kellemes nyári hónap, hasonló a júliushoz. A nappali hőmérséklet 25°C körül alakul, míg éjszaka 13°C-ra hűl le. Ez a nyár utolsó igazán meleg hónapja.</p>



<p>A napsütéses órák száma napi 7 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 19:45 körül van.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 145 mm körüli értékkel. A zivatarok továbbra is gyakoriak. A csapadékos napok száma 13.</p>



<p>A páratartalom továbbra is mérsékelt, 72% körüli értékre. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat, esernyő és rétegezett öltözködés.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember az ősz kezdetét jelzi, fokozatos enyhülést és gyönyörű őszi színeket hozva. A nappali hőmérséklet 20°C körül alakul, éjszaka pedig 9°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 6 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:30 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége mérsékelt, 90 mm körüli értékre. A csapadékos napok száma 10, gyakran őszi esők formájában.</p>



<p>A páratartalom továbbra is magas, 75% körüli. A szeptemberi látogatás kellemes, ideális a túrázáshoz és a természetjáráshoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október Innsbruck egyik legszebb hónapja, színes őszi lombozattal. A nappali hőmérséklet 16°C körülire csökken, míg éjszaka 5°C körül alakul. A levegő frissebb és tisztább.</p>



<p>A napsütéses órák száma napi 5,5 óra, még mindig kellemes. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:00 körülre, a napnyugta pedig 18:15 körülre tolódik.</p>



<p>A csapadék mennyisége csökken, 70 mm körüli értékkel. A csapadékos napok száma mindössze 8, és az esők általában enyhébbek.</p>



<p>A páratartalom magas, 77% körüli értékre. Az októberi látogatás ideális, rétegezett öltözködés ajánlott, és meleg pulóver az esti órákra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már a tél közeledtét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 9°C körülire süllyed, míg éjszaka már 0°C körött alakul. A hónap végére már fagyos reggelek és első hóesések jellemzőek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 3,5 órára. A nappali világosság időtartama tovább rövidül, 9 órára. A napkelte 6:30 körül, a napnyugta pedig már 17:00 körül következik be.</p>



<p>A csapadék mennyisége alacsony, 60 mm körüli értékkel. A csapadékos napok száma 9, gyakran már hó formájában.</p>



<p>A páratartalom magas, 82% körüli. A novemberi látogatáshoz meleg kabát, pulóver ajánlott, és téli felszerelés a hegyi túrákhoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december Innsbruck egyik leghidegebb hónapja, a téli sport szezon kezdete. A nappali hőmérséklet 4°C körül alakul, míg éjszaka -4°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, és a hóesés rendszeres.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2,5 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,5 órát. A napkelte késői, 7:15 körüli, a napnyugta pedig korai, 16:30 körüli.</p>



<p>A csapadék mennyisége alacsony, 50 mm körüli értékkel. A csapadékos napok száma 8, általában hó formájában.</p>



<p>A levegő relatíve párás, 85% körüli páratartalommal. A decemberi látogatáshoz teljes téli felszerelés, vastag kabát, kesztyű és meleg lábbeli szükséges.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Innsbruck havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 4 },
{ honap5: "Február", homerseklet5: 7 },
{ honap5: "Március", homerseklet5: 12 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 24 },
{ honap5: "Július", homerseklet5: 25 },
{ honap5: "Augusztus", homerseklet5: 25 },
{ honap5: "Szeptember", homerseklet5: 20 },
{ honap5: "Október", homerseklet5: 16 },
{ honap5: "November", homerseklet5: 9 },
{ honap5: "December", homerseklet5: 4 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Innsbruck havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
     { honap: "Január", homerseklet: -0.5 },
{ honap: "Február", homerseklet: 1.5 },
{ honap: "Március", homerseklet: 6 },
{ honap: "Április", homerseklet: 10 },
{ honap: "Május", homerseklet: 14.5 },
{ honap: "Június", homerseklet: 18 },
{ honap: "Július", homerseklet: 19 },
{ honap: "Augusztus", homerseklet: 19 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 10.5 },
{ honap: "November", homerseklet: 4.5 },
{ honap: "December", homerseklet: 0 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([-5, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Innsbruck átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 45 },
{ honap: "Február", csapadek: 35 },
{ honap: "Március", csapadek: 60 },
{ honap: "Április", csapadek: 60 },
{ honap: "Május", csapadek: 90 },
{ honap: "Június", csapadek: 125 },
{ honap: "Július", csapadek: 135 },
{ honap: "Augusztus", csapadek: 145 },
{ honap: "Szeptember", csapadek: 90 },
{ honap: "Október", csapadek: 70 },
{ honap: "November", csapadek: 60 },
{ honap: "December", csapadek: 50 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Innsbruck jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 82 },
{ honap11: "Február", paratartalom11: 75 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 64 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 70 },
{ honap11: "Augusztus", paratartalom11: 72 },
{ honap11: "Szeptember", paratartalom11: 75 },
{ honap11: "Október", paratartalom11: 77 },
{ honap11: "November", paratartalom11: 82 },
{ honap11: "December", paratartalom11: 85 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Innsbruckban</strong></h2>



<p>Innsbruck mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a hegyi elhelyezkedésnek és a mérsékelt éghajlatnak köszönhető. A magasabb tengerszint feletti fekvés azonban növelheti az UV-expozíciót.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 3-4-es értéket ér el (mérsékelt), áprilisban 5-6-ra (magas), májusban pedig rendszeresen 9-es szintre (nagyon magas) emelkedik. A tavasz második felében már 15-20 perc alatt le lehet égni védelem nélkül a hegyi területeken.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-szeptember)</strong></h3>



<p>A nyári hónapokban Innsbruck UV-indexe rendszeresen eléri a nagyon magas, 10-es értéket, különösen júniusban és júliusban a déli órákban (11:00-15:00 között). Augusztusban 9-re csökken. A hegyi túrázás során a sugárzás intenzitása miatt védelem nélkül akár 15 perc alatt is leégést lehet szenvedni.</p>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz elején, szeptemberben az UV-index még magas, 7-es értékkel, majd októberre csökken 4-5-ös szintre (mérsékelt-magas), novemberre pedig 3-as értékre (mérsékelt). Azonban még ebben az időszakban is fennáll a leégés veszélye a hegyi területeken.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony), de a hóról visszaverődő fény miatt a hegyi területeken még mindig lehet erős UV-expozíció. A téli napsütés intenzitása megtévesztő lehet.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong></h3>



<ul class="wp-block-list">
<li><strong>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as, vízálló fényvédő használata ajánlott, amit 2 óránként érdemes újra felvinni, különösen a hegyekben.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, kalap és UV-szűrős napszemüveg használata, különösen nyáron.</li>



<li><strong>Megfelelő időzítés</strong>: A túrákat és szabadtéri tevékenységeket érdemes a kora reggeli vagy késő délutáni időszakra időzíteni nyáron.</li>



<li><strong>Árnyékos helyek keresése</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Hidratálás</strong>: A magas UV-sugárzás és a fizikai aktivitás együttesen jelentős igénybevételt jelent a szervezet számára.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 4 },
{ honap: "Április", uv: 6 },
{ honap: "Május", uv: 9 },
{ honap: "Június", uv: 10 },
{ honap: "Július", uv: 10 },
{ honap: "Augusztus", uv: 9 },
{ honap: "Szeptember", uv: 7 },
{ honap: "Október", uv: 5 },
{ honap: "November", uv: 3 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Innsbruck térsége különösen ki van téve a hegyvidéki szélsőséges időjárási jelenségeknek, amelyek gyorsan és váratlanul alakulhatnak ki.</p>



<p><strong>Lavinaveszély</strong>: A téli és kora tavaszi hónapokban (december-április) jelentős lavinaveszély áll fenn a környező hegyekben, különösen friss hóesés után. A Tiroli Lavinaveszély-előrejelző Szolgálat napi jelentéseket ad ki. Az ideális lavinaveszélyes időszak a téli hónapokban, különösen február-március között a legmagasabb.</p>



<p><strong>Villámárvizek és áradások</strong>: A nyári hónapokban, különösen június-augusztus között, a hirtelen kialakuló zivatarok villámárvizeket okozhatnak az Inn folyó völgyében és a hegyekben. A 2019-es júniusi hóolvadás és zivatarok nagy áradásokat okoztak. Szeptemberben is előfordulhatnak jelentős esőzések és áradások.</p>



<p><strong>Nyári zivatarok</strong>: Június és szeptember között szinte naponta előfordulnak délutáni/esti zivatarok, amelyek gyakran erős széllel, jéggel és villámlással járnak. Ezek a viharok általában rövidek (1-2 óra), de intenzívek lehetnek, különösen a hegyi területeken.</p>



<p><strong>Föhn szél</strong>: Innsbruck különlegessége a Föhn szél, egy meleg, erős alpesi szél, amely órák alatt jelentős hőmérséklet-emelkedést okozhat. Ez a szél elérheti a 90 km/h sebességet is, és évszaktól függetlenül előfordulhat, különösen ősszel és tavasszal.</p>



<p><strong>Téli hideghullámok</strong>: A téli hónapokban ritkán, de előfordulhatnak extrém hideg időszakok, amikor a hőmérséklet -20°C alá is süllyedhet. A leghidegebb mért hőmérséklet -30°C volt 1956 februárjában.</p>



<p><strong>Hőhullámok</strong>: Bár ritkák, a nyári hónapokban előfordulhatnak rövid hőhullámok, amikor a hőmérséklet meghaladhatja a 35°C-ot. A legmelegebb mért hőmérséklet 37,3°C volt 2019 júniusában.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Innsbruckba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Innsbruck meglátogatására az utazás céljától függ:</p>



<p><strong>Téli sportokhoz</strong>: </p>



<p>A legjobb időszak <strong>december és március között</strong> van, amikor bőséges hó és kiváló síelési körülmények jellemzik a térséget. Január-február a csúcsidőszak, amikor a hótakaró a legvastagabb és a sípályák optimális állapotban vannak. A hőmérséklet -5 és 5°C között mozog, ami ideális a téli sportokhoz.</p>



<p><strong>Túrázáshoz és szabadtéri programokhoz</strong>: </p>



<p>A legjobb időszak <strong>május és szeptember között</strong> van, különösen június, július és augusztus. Ilyenkor kellemes hőmérséklet (20-25°C), hosszú nappalok (15-16 óra napsütés) és jó látási viszonyok jellemzik a várost és a környező hegyeket. Bár gyakoribbak a délutáni záporok, ezek általában rövidek.</p>



<p><strong>Városnézéshez</strong>: </p>



<p>Az <strong>április-május és szeptember-október</strong> hónapok ideálisak, amikor kevesebb a turista, kellemes az időjárás (10-20°C), és a város különösen szép tavaszi virágokkal vagy őszi színekkel. A páratartalom mérsékelt, és a csapadék mennyisége is alacsonyabb.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Innsbruck &#8211; Utazási Idő Táblázat</title>
<style>
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}

thead {
  background: linear-gradient(to right, #2c3e50, #4ca1af);
  color: white;
}

th {
  padding: 15px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}

td {
  padding: 15px;
  font-size: 18px;
}

.excellent {
  background-color: #c8e6c9;
}

.excellent td {
  background-color: #c8e6c9;
}

.average {
  background-color: #fff9c4;
}

.average td {
  background-color: #fff9c4;
}

.not-recommended {
  background-color: #ffcdd2;
}

.not-recommended td {
  background-color: #ffcdd2;
}

tr:hover {
  opacity: 0.9;
}

tr {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
  border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/47d2711d40/innsbruck/" data-label_1="INNSBRUCK" data-theme="original" >INNSBRUCK</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Innsbruck időjárása – mikor a legjobb Tirolba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Salzburg időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/salzburg-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sat, 11 Oct 2025 08:44:03 +0000</pubDate>
				<category><![CDATA[Ausztria]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1481</guid>

					<description><![CDATA[<p>Salzburg Mozart szülővárosa és egy csodálatos alpesi város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Salzburg időjárását a kontinentális éghajlat határozza meg, ami hideg, havas teleket&#8230;</p>
<p>A <a href="https://mikorutazz.hu/salzburg-idojarasa/">Salzburg időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Salzburg Mozart szülővárosa és egy csodálatos alpesi város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Salzburg időjárását a kontinentális éghajlat határozza meg, ami hideg, havas teleket és meleg nyarakat eredményez. Az Alpok közvetlen közelében elhelyezkedő várost a csodás hegyvidéki táj és a Salzach folyó jellemzi, amely Mozart szülőhelye és a Sound of Music helyszíne. Az Alpok északi előterében található város a mérsékelt kontinentális klímájának köszönhetően változatos időjárást biztosít az év során.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Salzburg négy jól elkülöníthető évszakkal rendelkezik. A tél havas és hideg, a nyár kellemes meleg, míg a tavasz és az ősz gyönyörű átmeneti időszakok.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavasz fokozatos ébredést hoz Salzburgba, lassan melegedő hőmérséklettel és változékony időjárással. Az átlaghőmérséklet <strong>5-15°C</strong> között mozog. A tavasz elején még gyakori a hó és az éjszakai fagy, de áprilisra már virágba borulnak a kertek. A hegyek csúcsai még hófödte panorámát nyújtanak, míg a völgyekben már zöldellnek a rétek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyár kellemes meleg, időnként forró napokkal. Az átlaghőmérséklet <strong>18-20°C</strong>, de a nappali maximum gyakran 25-28°C-ot ér el. A hegyi hatások miatt a nyári hőség sosem lesz nyomasztó. Június és július a legmelegebb hónapok. A nyári hónapokban gyakoriak a délutáni záporok és zivatarok, amelyek a hegyekből érkeznek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz Salzburg egyik legszebb évszaka, fokozatosan csökkenő hőmérséklettel és kristálytiszta levegővel. Az átlaghőmérséklet <strong>8-15°C</strong> között alakul. A csapadék mennyisége mérsékelt, és gyakran napokig tartó derült időszakok jellemzik. Az őszi színek, az aranyló levelek és a hófödte hegycsúcsok kontrasztja lélegzetelállító látványt nyújt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A tél hideg és havas, az átlaghőmérséklet <strong>-2 és 2°C</strong> között mozog, de éjszaka gyakran -5°C alá süllyed. A fagypont alatti hőmérséklet a norm, különösen januárban és februárban. A nappalok általában fagyosak maradnak, 0-3°C körül. A hóesés gyakorisága magas, ami káprázatos téli tájat teremt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Salzburg időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Salzburg legridegebb hónapja, igazi téli varázs időszaka. A nappali hőmérséklet általában 2°C körül mozog, míg éjszaka -3°C körülire süllyedhet. Fagypont alatti hőmérséklet a normális, és a hó gyakran hetekig megmarad a talajon.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2-3 óra. A nappali világosság időtartama rövid, mintegy 8,5 óra. A napkelte 8:00 körül, a napnyugta pedig már 16:30 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 60 mm körül mozog, de nagy része hó formájában hull. A havi csapadékos napok száma 10-11, gyakran kisebb havazások formájában.</p>



<p>A relatív páratartalom 80% körüli, ami a hideg levegővel kombinálva csípős, nedves hideget okoz. A köd is gyakori, különösen a völgyekben és a folyó mentén.</p>



<p>Ha januárban utazol Salzburgba, vigyél magaddal meleg télikabátot, vastag pulóvert, sálat, kesztyűt és jó minőségű téli cipőt. A rétegesen öltözködés elengedhetetlen. A várost ilyenkor karácsonyi díszek és a téli hangulat uralja.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február még mindig téli hónap, de már érezhető az első enyhülés jelei. A nappali hőmérséklet 4°C körülire emelkedhet, míg éjszaka -2°C körül alakul. A fagypont alatti értékek továbbra is gyakoriak, de a hónap második felében már melegebb napok is előfordulhatnak.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 3,5 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 7:30 körül, a napnyugta pedig 17:30 körül történik.</p>



<p>A csapadék mennyisége hasonló az januárhoz, átlagosan 55 mm körül, továbbra is főleg hó formájában. A csapadékos napok száma 9-10.</p>



<p>A páratartalom 78% körüli, még mindig magas. A februári látogatáshoz hasonló felszerelés szükséges, mint januárban, bár a hónap végére már enyhébb időjárásra is fel kell készülni.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március az igazi átmeneti hónap, amikor a tél és a tavasz küzd egymással. A hőmérséklet jelentősen emelkedik, nappal már 9°C-ot is elérhet, míg az éjszakák még hidegesek maradnak, 1°C körül. Fagyos reggelek még gyakoriak, de már érezhető a tavasz közeledte.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 4,5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:00 körül következik be.</p>



<p>A csapadék mennyisége növekszik, 70 mm körüli értékkel. A márciusi csapadék vegyes formájú: hó, ónos eső és eső egyaránt előfordul. A csapadékos napok száma 10-11.</p>



<p>A páratartalom csökken, 72% körüli értékre. A márciusi időjárás változékony, egy napon belül is jelentős ingadozások lehetnek. Rétegesen öltözködés és vízálló kabát ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, bár még változékony időjárással. A nappali hőmérséklet 14°C körülire emelkedik, míg éjszaka 5°C körül alakul. A fagyos napok ritkábbak, de a hegyekben még mindig hóesés előfordulhat.</p>



<p>A napsütéses órák száma átlagosan napi 5,5 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül történik.</p>



<p>A csapadék mennyisége tovább növekszik, 75 mm körüli értékkel, már főleg eső formájában. Az esős napok száma 11, általában záporok és rövid zivatarok jellemzik.</p>



<p>A páratartalom 70% körüli. Április már kellemes túrázási időszak a völgyekben, bár a magasabb hegyvidékeken még téli viszonyok uralkodnak. Vízálló kabát és könnyebb, de meleg ruházat ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a tavasz csúcsa, amikor a város és a környező táj teljes pompájában virágzik. A nappali értékek 19°C körülire emelkednek, míg éjszaka 9°C körül alakulnak. A májusi időjárás már kellemes meleg, bár az esték még hűvösek lehetnek.</p>



<p>A napsütéses órák száma átlagosan 6,5 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:30 körül, a napnyugta pedig 20:30 körül van.</p>



<p>A csapadék mennyisége magas, 100 mm körüli értékkel. Május az egyik legcsapadékosabb hónap Salzburgban, gyakori zivatarokkal. A csapadékos napok száma 12-13.</p>



<p>A páratartalom 71% körüli. A májusi látogatáshoz rétegesen öltözködés, vízálló kabát és esernyő ajánlott. A természet ekkor a legszebb, a hegyi rétek virágba borulnak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már nyári hónap, kellemes melegséggel. A nappali maximum 22°C körülire emelkedik, míg éjszaka 12°C körül alakul. A júniusi nappalok hosszúak és általában kellemesen melegek, bár az esték még hűvösek lehetnek.</p>



<p>A napsütéses órák száma átlagosan napi 7 óra. A nappali világosság időtartama eléri az éves csúcsot, 16 órát. A napkelte rendkívül korán, 5:00 körül, a napnyugta pedig késői, 21:00 körül van.</p>



<p>A csapadék mennyisége tovább növekszik, 125 mm körüli értékkel. A júniusi esők gyakran délutáni zivatarok formájában jelentkeznek. Az esős napok száma 13-14.</p>



<p>A páratartalom 72% körüli. A júniusi utazáshoz könnyű, de rétegezett ruházat, vízálló dzseki és jó túracipő ajánlott. Ideális időszak a hegyi túrázáshoz és szabadtéri programokhoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Salzburg egyik legmelegebb és legnaposabb hónapja. A nappali hőmérséklet rendszeresen eléri a 24°C-ot, míg az éjszakák is kellemesen melegek maradnak, 14°C körüli értékekkel. Hőhullámok idején a hőmérséklet akár 30°C fölé is emelkedhet.</p>



<p>A napsütéses órák száma átlagosan napi 7,5 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:15 körül, a napnyugta pedig 20:45 körül következik be.</p>



<p>A csapadék mennyisége magas marad, 130 mm körüli értékkel. A júliusi zivatarok gyakran intenzívek, jégesővel és villámlással. A csapadékos napok száma 13.</p>



<p>A páratartalom 71% körüli. A júliusi látogatáshoz könnyű nyári ruházat, vízálló kabát zivatarokra, napszemüveg és kalap ajánlott. A Salzburgi Ünnepi Játékok ideje, amikor a város kulturális élet központja.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén kellemes nyári hónap, hasonló a júliushoz. A nappali hőmérséklet 23°C körül alakul, míg éjszaka 14°C-ra hűl le. A augusztusi időjárás változatosan meleg, gyakorta előfordulnak zivatarok.</p>



<p>A napsütéses órák száma napi 7 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 5:45 körül, a napnyugta pedig 20:15 körül van.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 140 mm körüli értékkel. Az augusztusi zivatarok gyakoriak és intenzívek, gyakran a hegyekből érkeznek. A csapadékos napok száma 13.</p>



<p>A páratartalom 73% körüli. Az augusztusi látogatáshoz hasonló felszerelés ajánlott, mint júliusban: könnyű ruházat, vízálló kabát, jó túracipő. Továbbra is kiváló időszak a hegyi túrázáshoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember az ősz kezdete, de még sok nyári jelleggel. A nappali hőmérséklet 19°C körül alakul, éjszaka pedig 10°C-ra csökken. A hónap eleje még nyárias lehet, de a vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5,5 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:30 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége mérsékelt, 90 mm körüli értékre csökken. A csapadékos napok száma 10-11.</p>



<p>A páratartalom 76% körüli. A szeptemberi időjárás ideális túrázáshoz és városnézéshez, a tömeg is kevesebb, mint nyáron. Rétegesen öltözködés ajánlott, mivel a nappali-éjszakai hőmérséklet különbség jelentős.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október Salzburg egyik legszebb hónapja, az aranyló ősz időszaka. A nappali hőmérséklet 13°C körülire csökken, míg éjszaka 5°C körül alakul. A hegyek magasabb régióiban már megjelenhet az első hó.</p>



<p>A napsütéses órák száma napi 4,5 óra, tiszta, kristályos levegővel. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:00 körülre, a napnyugta pedig 18:00 körülre tolódik.</p>



<p>A csapadék mennyisége alacsony, 70 mm körüli értékkel. A csapadékos napok száma 9-10, és az esők általában enyhébbek.</p>



<p>A páratartalom 78% körüli. Az októberi látogatás gyönyörű, de már melegebb kabát és pulóver szükséges. A köd gyakoribb lehet, különösen reggel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már az ősz vége és a tél közeledtét jelenti. A nappali hőmérséklet 7°C körülire süllyed, míg éjszaka már 1°C körül alakul, gyakori éjszakai fagyokkal. A hónap végére már hóesés is előfordulhat.</p>



<p>A napsütéses órák száma drámaian csökken, átlagosan napi 2,5 órára. A nappali világosság időtartama tovább rövidül, 9 órára. A napkelte 7:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége mérsékelt, 65 mm körüli értékkel. A hónap végére a csapadék már hó formájában érkezhet. A csapadékos napok száma 10.</p>



<p>A páratartalom 81% körüli, ami a legmagasabb az évben. A novemberi látogatáshoz meleg kabát, pulóver és vízálló ruházat ajánlott. A város advent előtti csendes időszaka.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december Salzburg egyik legvarázslatosabb hónapja, különösen az advent időszakában. A nappali hőmérséklet 3°C körül alakul, míg éjszaka -2°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, és a hóesés valószínűsége magas.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8 órát. A napkelte késői, 8:00 körüli, a napnyugta pedig korai, 16:00 körüli.</p>



<p>A csapadék mennyisége mérsékelt, 60 mm körüli értékkel, nagy része hó formájában. A csapadékos napok száma 10-11.</p>



<p>A páratartalom 80% körüli. A decemberi látogatáshoz meleg télikabát, sál, kesztyű, téli cipő elengedhetetlen. Az adventi vásárok és a karácsonyi hangulat páratlan élményt nyújtanak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Salzburg havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 2 },
{ honap5: "Február", homerseklet5: 4 },
{ honap5: "Március", homerseklet5: 9 },
{ honap5: "Április", homerseklet5: 14 },
{ honap5: "Május", homerseklet5: 19 },
{ honap5: "Június", homerseklet5: 22 },
{ honap5: "Július", homerseklet5: 24 },
{ honap5: "Augusztus", homerseklet5: 23 },
{ honap5: "Szeptember", homerseklet5: 19 },
{ honap5: "Október", homerseklet5: 13 },
{ honap5: "November", homerseklet5: 7 },
{ honap5: "December", homerseklet5: 3 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Salzburg havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: -1 },
{ honap: "Február", homerseklet: 1 },
{ honap: "Március", homerseklet: 5 },
{ honap: "Április", homerseklet: 10 },
{ honap: "Május", homerseklet: 14 },
{ honap: "Június", homerseklet: 17 },
{ honap: "Július", homerseklet: 19 },
{ honap: "Augusztus", homerseklet: 19 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 9 },
{ honap: "November", homerseklet: 4 },
{ honap: "December", homerseklet: 1 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([-5, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Salzburg átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 60 },
{ honap: "Február", csapadek: 55 },
{ honap: "Március", csapadek: 70 },
{ honap: "Április", csapadek: 75 },
{ honap: "Május", csapadek: 100 },
{ honap: "Június", csapadek: 125 },
{ honap: "Július", csapadek: 130 },
{ honap: "Augusztus", csapadek: 140 },
{ honap: "Szeptember", csapadek: 90 },
{ honap: "Október", csapadek: 70 },
{ honap: "November", csapadek: 65 },
{ honap: "December", csapadek: 60 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Salzburg jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 80 },
{ honap11: "Február", paratartalom11: 78 },
{ honap11: "Március", paratartalom11: 72 },
{ honap11: "Április", paratartalom11: 70 },
{ honap11: "Május", paratartalom11: 71 },
{ honap11: "Június", paratartalom11: 72 },
{ honap11: "Július", paratartalom11: 71 },
{ honap11: "Augusztus", paratartalom11: 73 },
{ honap11: "Szeptember", paratartalom11: 76 },
{ honap11: "Október", paratartalom11: 78 },
{ honap11: "November", paratartalom11: 81 },
{ honap11: "December", paratartalom11: 80 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Salzburgban</strong></h2>



<p>Salzburg mérsékelt UV-sugárzási szintekkel rendelkezik, amelyek az északi földrajzi elhelyezkedésnek és az alpesi éghajlatnak köszönhetők. Az UV-index évszakonként jelentősen változik, és a magasságtól is függ.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavaszi hónapokban az UV-index gyorsan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt-magas), májusban pedig rendszeresen 6-7-es szintre (magas) emelkedik. A májusi napsütésben, különösen a magasabb hegyvidéken, már 30-40 perc alatt le lehet égni védelem nélkül.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyári hónapokban Salzburg UV-indexe eléri a legmagasabb értéket, 7-8-as szintet (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). A magasabb hegyvidéki területeken az UV-sugárzás intenzitása még ennél is magasabb lehet, mivel 1000 méterenként 10-12%-kal nő a sugárzás erőssége. Védelem nélkül 20-30 perc alatt napégést lehet szenvedni.</p>



<h3 class="wp-block-heading"><strong>Ősz (október-november)</strong></h3>



<p>Az ősz elején, októberben az UV-index még mérsékelt, 3-4-es értékkel, majd novemberre csökken 1-2-es szintre (alacsony). A napsugárzás szöge alacsonyabb, így a sugárzás intenzitása is gyengébb, de még mindig érdemes óvintézkedéseket tenni a napos napokon.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel. Azonban a hó visszaveri az UV-sugárzás akár 80%-át, ami jelentősen növeli a kitettséget síelés és egyéb téli sportok során. A magashegységben síelők különösen ki vannak téve a fokozott UV-sugárzásnak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong></h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Nyáron minimum SPF 30-as, télen síeléskor minimum SPF 50-es fényvédő ajánlott, amely UVA és UVB védelmet is nyújt.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat nyáron, kalap és UV-szűrős napszemüveg minden évszakban.</li>



<li><strong>Időzítés</strong>: A déli órákban (11:00-15:00 között) érdemes árnyékban tartózkodni vagy fedett programokat választani.</li>



<li><strong>Hegyi túrázás</strong>: A magasabb régiókban fokozott védelem szükséges, mivel az UV-sugárzás erősebb.</li>



<li><strong>Téli sportok</strong>: Síeléskor kötelező a fényvédő és a napszemüveg használata a hó visszaverő hatása miatt.</li>



<li><strong>Hidratálás</strong>: A hegyvidéki klíma és az UV-sugárzás kiszárítja a bőrt, ezért fontos a megfelelő hidratálás.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 3 },
{ honap: "Április", uv: 5 },
{ honap: "Május", uv: 7 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 5 },
{ honap: "Október", uv: 3 },
{ honap: "November", uv: 2 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Salzburg térsége az alpesi éghajlat miatt különféle szélsőséges időjárási jelenségekkel szembesül az év során.</p>



<p>A nyári hónapokban, különösen június és augusztus között, gyakoriak a hirtelen kialakuló hegyvidéki zivatarok. Ezek erős széllel, jégesővel és intenzív villámtevékenységgel járnak. A zivatarok általában délután alakulnak ki és 1-2 órát tartanak, de gyorsan és váratlanul jöhetnek. Túrázókat különösen veszélyeztetnek a hegyi régiókban.</p>



<p>A téli hónapokban erős havazások fordulhatnak elő, amelyek akár 30-50 cm friss havat is hozhatnak egy nap alatt. A hóviharok különösen a magasabb fekvésű területeken veszélyesek, közlekedési káoszt okozva. Lavinaveszély is fennáll a meredekebb hegyoldalakban, különösen hóesés vagy gyors olvadás után.</p>



<p>A &#8222;Föhn&#8221; jelenség Salzburgban különösen jellemző. Ez egy meleg, száraz szél, amely az Alpok déli oldaláról érkezik, és gyorsan felemeli a hőmérsékletet, akár 10-15°C-ot is néhány óra alatt. A Föhn fejfájást, ingerlékenységet és általános rosszullétet okozhat az érzékenyebb embereknél. Télen gyors hóolvadást, tavasszal és ősszel pedig váratlan melegedést eredményezhet.</p>



<p>Az őszi és téli hónapokban gyakori a köd, különösen a Salzach folyó völgyében és az alacsonyabban fekvő területeken. A köd napokig is megmaradhat, jelentősen csökkentve a látási viszonyokat és lehűtve a levegőt.</p>



<p>Télen jeges esők is előfordulhatnak, amelyek veszélyessé teszik az utakat, járdákat és a közlekedést. Az út- és sínpályák csúszóssá válnak, gyakori a balesetek száma.</p>



<p>Az utóbbi években a nyári hőhullámok is egyre gyakoribbá váltak, amikor a hőmérséklet több napig is 30-35°C felett marad. Ez különösen megterhelő a városi területeken, ahol kevesebb a zöldterület.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Salzburgba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Salzburg meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és június</strong>, valamint az <strong>ősz eleje, szeptember</strong> között. Májusban és júniusban a természet teljes pompájában virágzik, a hőmérséklet kellemes (19-22°C), és bár esőzésre számítani kell, a hosszú nappalok és a zöldellő táj csodálatos élményt nyújtanak. Ez az időszak ideális túrázáshoz, városnézéshez és szabadtéri programokhoz.</p>



<p>Szeptember szintén kiváló választás, amikor az őszi színek már megjelennek, de az időjárás még kellemes (19°C körüli). A tömeg csökken a nyári csúcsszezonhoz képest, és a levegő kristálytiszta, gyönyörű panorámával a hegyekre.</p>



<p>A <strong>nyári hónapok</strong> (július-augusztus) szintén népszerűek, különösen a Salzburgi Ünnepi Játékok miatt. A hőmérséklet kellemes (23-24°C), bár gyakoriak a zivatarok. Ez a legforgalmasabb időszak, ezért szállást és programokat érdemes előre foglalni.</p>



<p>Az <strong>adventi időszak</strong> (november vége &#8211; december) varázslatos élmény. A karácsonyi vásárok, a feldíszített óváros és a téli hangulat páratlan. Az időjárás hideg, de a különleges atmoszféra kárpótolja ezt.</p>



<p>A <strong>téli hónapok</strong> (január-február) ideálisak a síelni vágyóknak és a téli sportok kedvelőinek. A közeli Alpokban kiváló sípályák várják a látogatókat. A város kevésbé zsúfolt, és a hófödte táj meseszerű. Azonban készülj fel a hideg időre (-3 &#8211; +2°C).</p>



<p>Kerülendő időszakok: November eleje és március gyakran szürke, nyirkos és kevés napsütéssel rendelkezik. Az átmeneti időszakok esősek lehetnek, és a köd is gyakori. Március és április időjárása változékony, egy napon belül is nagy ingadozásokkal, ami megnehezítheti a programok tervezését.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Salzburg &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}

th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}

td {
padding: 15px;
font-size: 18px;
}

.excellent {
background-color: #c8e6c9;
}

.excellent td {
background-color: #c8e6c9;
}

.average {
background-color: #fff9c4;
}

.average td {
background-color: #fff9c4;
}

.not-recommended {
background-color: #ffcdd2;
}

.not-recommended td {
background-color: #ffcdd2;
}

tr:hover {
opacity: 0.9;
}

tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Április</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Július</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Augusztus</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/47d8113d06/salzburg/" data-label_1="SALZBURG" data-theme="original" >SALZBURG</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/salzburg-idojarasa/">Salzburg időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Graz időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/graz-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sat, 11 Oct 2025 08:22:52 +0000</pubDate>
				<category><![CDATA[Ausztria]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1478</guid>

					<description><![CDATA[<p>Graz, Ausztria második legnagyobb városa, lenyűgöző történelmi építészetével és élénk kulturális életével vonzza a látogatókat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Graz időjárását az óceáni&#8230;</p>
<p>A <a href="https://mikorutazz.hu/graz-idojarasa/">Graz időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Graz, Ausztria második legnagyobb városa, lenyűgöző történelmi építészetével és élénk kulturális életével vonzza a látogatókat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Graz időjárását az óceáni éghajlat és a kontinentális hatások ötvözete határozza meg, ami meleg nyarakat és hideg teleket eredményez. A Mura folyó völgyében elhelyezkedő várost a környező hegyek védik a szélsőséges időjárástól. A város az Alpok közelségének köszönhetően változatos időjárást biztosít az év során, négy jól elkülöníthető évszakkal.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Graz négy markánsan különböző évszakkal rendelkezik, mindegyik egyedi karakterrel és báj jellemzi.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavasz fokozatos felmelegedést hoz Grazban, a természet ébredésével és egyre hosszabb nappalokkal. Az átlaghőmérséklet <strong>8-18°C</strong> között mozog. A tavaszi hónapok változékonyak lehetnek, előfordulhatnak hűvösebb, esős napok és kellemes, napos időszakok egyaránt. Április végére és májusra a város parkjai és kertjei teljes pompájukban virágoznak, különösen a Stadtpark és a Schlossberg növényzete látványos.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyár kellemes meleg, időnként forró időjárást hoz. Az átlaghőmérséklet <strong>18-20°C</strong>, de a nappali maximum gyakran eléri a 25-28°C-ot, hőhullámok idején akár a 30-35°C-ot is. A júliusi és augusztusi hőségben a páratartalom is megnövekedhet. A nyári időszakban rendszeresek a délutáni záporok és zivatarok, amelyek frissességet hoznak a forró napokba.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz Graz egyik legszebb és legkellemesebb évszaka, aranyló színekkel és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>9-15°C</strong> között alakul. Szeptember még nyáriasan meleg lehet, míg november már hűvös, téli jelleget ölt. Az őszi hónapok különösen kedveltek a borturizmus szempontjából, mivel a környező sztyériai borvidékeken ekkor van a szüret. A ködös reggelek októbertől egyre gyakoribbá válnak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A tél hideg és gyakran havas, bár Graz viszonylag alacsony tengerszint feletti magassága (353 m) miatt a hőmérséklet ritkán süllyed -10°C alá. Az átlaghőmérséklet <strong>-1-3°C</strong> között mozog, de éjszaka gyakran fagy. A havazás rendszeres, és a város környező hegyeiben kiváló sílehetőségek nyílnak. A téli napok rövidek, de a hóval borított történelmi óváros varázslatos látványt nyújt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Graz időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Graz egyik leghidegebb hónapja, téli karakterrel. A nappali hőmérséklet átlagosan 3°C körül mozog, míg éjszaka rendszeresen -3°C alá süllyed. A fagypont alatti hőmérséklet szinte mindennapi jelenség, különösen a hajnali órákban.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2-3 óra. A nappali világosság időtartama rövid, mindössze 9 óra. A napkelte 7:45 körül, a napnyugta pedig már 16:45 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 30-35 mm körül mozog. A havi csapadékos napok száma 6-7, gyakran hó vagy havas eső formájában. A hótakaró megmaradása jellemző.</p>



<p>A relatív páratartalom magas, 80-85% körüli, ami a hideg hőmérséklettel kombinálva csípős hideg érzetet okoz. Az égbolt gyakran borult, ködös reggelek jellemzőek.</p>



<p>Ha januárban utazol Grazba, téli kabát, meleg rétegek, sál, kesztyű és jó minőségű téli cipő elengedhetetlen. A csúszós járdák miatt óvatosság szükséges.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február hasonló a januárhoz, de már érezhető az első tavaszi jel. A nappali hőmérséklet 5°C körülire emelkedhet, míg éjszaka még mindig -2°C körül alakul. A hónap második felében már előfordulhatnak enyhébb napok.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 3-4 óra. A nappali világosság időtartama észrevehetően növekszik, 10,5 órára. A napkelte 7:15 körül, a napnyugta pedig 17:30 körül történik.</p>



<p>A csapadék mennyisége alacsonyabb, átlagosan 25-30 mm körül. A csapadékos napok száma 5-6, még mindig gyakran hó formájában, de a hónap végén már előfordulhat eső is.</p>



<p>A páratartalom még mindig magas, 75-80% körüli. A februári látogatáshoz még mindig téli felszerelés szükséges, bár a hónap végén már enyhülés várható.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március a tavasz kezdetét jelenti, bár még változékony időjárással. A hőmérséklet jelentősen emelkedik, nappal már 11°C-ot is elérhet, míg az éjszakák 2°C körül alakulnak. Fagyos reggelek még gyakoriak, de a nap folyamán általában felmelegszik.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 4-5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:15 körül következik be.</p>



<p>A csapadék mennyisége növekszik, 40-45 mm körüli értékkel. A csapadékos napok száma 7-8, már többnyire eső formájában, bár hó még előfordulhat.</p>



<p>A páratartalom csökken, 70-75% körüli értékre. A márciusi időjárás változékony, réteges öltözködés ajánlott, mert a reggeli hűvös időt gyakran kellemes meleg délután követi.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, gyors felmelegedéssel. A nappali hőmérséklet 16°C körülire emelkedik, míg éjszaka 6°C körül alakul. A fagyos reggelek már ritkák, és a hónap végére már 20°C feletti napok is előfordulhatnak.</p>



<p>A napsütéses órák száma átlagosan napi 5-6 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül történik.</p>



<p>A csapadék mennyisége megnövekszik, 50-55 mm körüli értékkel. Az esős napok száma 8-9, gyakran rövid záporok formájában. A tavaszi zivatarok is megjelennek.</p>



<p>A levegő páratartalma 65-70% körüli. Április kellemes hónap Graz felfedezéséhez &#8211; virágzó parkok, kellemes hőmérséklet és egyre hosszabb nappalok jellemzik.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Május</h3>



<p>Május a kora nyári időszak, amikor az időjárás már stabil melegre vált. A nappali értékek 21°C körülire emelkednek, míg éjszaka 11°C körül alakulnak. A hónap végére már nyárias 25°C feletti napok is gyakoriak.</p>



<p>A napsütéses órák száma továbbra is növekszik, átlagosan 6-7 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:30 körül, a napnyugta pedig 20:15 körül van.</p>



<p>A csapadék mennyisége az év egyik csúcsát éri el, 70-80 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 65-70% körüli értékre alakul. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, és mindig legyen kéznél esernyő vagy esőkabát.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már igazi nyári hónap, kellemes melegséggel. A nappali maximum 24°C körülire emelkedik, míg éjszaka 14°C körül alakul. A hőhullámok idején a hőmérséklet akár 30°C fölé is emelkedhet.</p>



<p>A napsütéses órák száma eléri az éves csúcsot, átlagosan napi 7-8 óra. A nappali világosság időtartama a leghosszabb, 16 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 20:45 körül van.</p>



<p>A csapadék mennyisége továbbra is magas, 90-100 mm körüli értékkel. Az esős napok száma 11-12, gyakran délutáni vagy esti zivatarok formájában, amelyek hűsítőek lehetnek.</p>



<p>A páratartalom mérsékelt, 65-70% körüli. A júniusi utazáshoz könnyű nyári ruházat, fényvédő és esernyő ajánlott. A nappalok ideálisak a városlátogatáshoz és szabadtéri programokhoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Graz egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 25-26°C-ot, míg az éjszakák is melegek maradnak, 15°C körüli értékekkel. Hőhullámok idején a hőmérséklet meghaladhatja a 32-35°C-ot is.</p>



<p>A napsütéses órák száma átlagosan napi 7-8 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:30 körül, a napnyugta pedig 20:30 körül következik be.</p>



<p>A csapadék mennyisége magas, 100-110 mm körüli értékkel. A nyári zivatarok rendszeresek, általában délután vagy este. A csapadékos napok száma 11-12.</p>



<p>A páratartalom 65-70% körüli, a meleg napok során kissé nyomasztó lehet. A júliusi látogatáshoz könnyű ruházat, napszemüveg, kalap és fényvédő ajánlott. A délutáni zivatarok elkerülése érdekében érdemes a reggelre tervezni a szabadtéri programokat.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén meleg és változékony időjárású. A nappali hőmérséklet 25°C körül alakul, míg éjszaka 15°C-ra hűl le. Ez a hónap még mindig kellemes nyári időjárást kínál, bár a hónap vége felé már érezhető a közelgő ősz.</p>



<p>A napsütéses órák száma napi 7 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége továbbra is magas, 100-110 mm körüli értékkel. A zivatarok még mindig gyakoriak, különösen a délutáni órákban. A csapadékos napok száma 10-11.</p>



<p>A páratartalom 70-75% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felszerelés ajánlott, mint júliusban: könnyű ruházat, fényvédelem és esernyő vagy esőkabát a zivatarok miatt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes enyhüléssel. A nappali hőmérséklet 20°C körül alakul, éjszaka pedig 11°C-ra csökken. A hónap eleje még nyáriasan meleg lehet, míg a vége már őszi jelleget ölt.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5-6 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:45 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége csökken, 60-70 mm körüli értékre. A csapadékos napok száma 8-9, de a zivatarok már ritkábbak.</p>



<p>A páratartalom 70-75% körüli. A szeptemberi látogatás kellemes, réteges öltözködés ajánlott, mert a reggeli hűvösség után gyakran kellemes meleg nappalok következnek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október Graz egyik legszebb hónapja, aranyszínű őszi hangulattal. A nappali hőmérséklet 14°C körülire csökken, míg éjszaka 6°C körül alakul. A hónap végére már jelentősen lehűl, és előfordulhatnak fagyos reggelek.</p>



<p>A napsütéses órák száma napi 4-5 óra. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:15 körülre, a napnyugta pedig 18:00 körülre tolódik.</p>



<p>A csapadék mennyisége mérsékelt, 50-55 mm körüli értékkel. A csapadékos napok száma 7-8, gyakran ködös, csapadékos időjárás jellemzi a hónapot.</p>



<p>A páratartalom magas, 75-80% körüli értékre emelkedik, ami ködös reggeleket eredményez. Az októberi látogatáshoz átmeneti kabát, pulóver és esernyő ajánlott. Ez kiváló időszak a borturisztikai programokhoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már a tél küszöbén áll, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 7°C körülire süllyed, míg éjszaka már 1°C körül vagy alatt alakul. A hónap végére már előfordulhat havazás.</p>



<p>A napsütéses órák száma minimális, átlagosan napi 2-3 órára csökken. A nappali világosság időtartama tovább rövidül, 9,5 órára. A napkelte 7:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége mérsékelt, 45-50 mm körüli értékkel. A csapadékos napok száma 7-8, a hónap végén már gyakran hó formájában.</p>



<p>A páratartalom magas, 80-85% körüli, ami borongós, nedves időjárást eredményez. A novemberi látogatáshoz meleg kabát, vízálló cipő ajánlott, és fel kell készülni a hideg, nedves időjárásra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december már teljes téli hangulatot hoz. A nappali hőmérséklet 3°C körül alakul, míg éjszaka rendszeresen -2°C alá süllyedhet. A havazás gyakori, és a karácsonyi időszak különösen varázslatossá teszi a várost.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,5 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:15 körüli.</p>



<p>A csapadék mennyisége alacsony-közepes, 35-40 mm körüli értékkel. A csapadékos napok száma 7-8, gyakran hó formájában.</p>



<p>A levegő nedves, 80-85% körüli páratartalommal, de a téli hangulat kellemes. A decemberi látogatáshoz teljes téli felszerelés szükséges: meleg kabát, sál, kesztyű, sapka és jó minőségű téli cipő. A karácsonyi vásárok különösen vonzóvá teszik ezt az időszakot.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Graz havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 3 },
{ honap5: "Február", homerseklet5: 5 },
{ honap5: "Március", homerseklet5: 11 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 24 },
{ honap5: "Július", homerseklet5: 26 },
{ honap5: "Augusztus", homerseklet5: 25 },
{ honap5: "Szeptember", homerseklet5: 20 },
{ honap5: "Október", homerseklet5: 14 },
{ honap5: "November", homerseklet5: 7 },
{ honap5: "December", homerseklet5: 3 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Graz havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 0 },
{ honap: "Február", homerseklet: 1.5 },
{ honap: "Március", homerseklet: 6.5 },
{ honap: "Április", homerseklet: 11 },
{ honap: "Május", homerseklet: 16 },
{ honap: "Június", homerseklet: 19 },
{ honap: "Július", homerseklet: 20 },
{ honap: "Augusztus", homerseklet: 20 },
{ honap: "Szeptember", homerseklet: 15.5 },
{ honap: "Október", homerseklet: 10 },
{ honap: "November", homerseklet: 4 },
{ honap: "December", homerseklet: 0.5 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Graz átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 10 },
      { honap: "Február", csapadek: 25 },
      { honap: "Március", csapadek: 22 },
      { honap: "Április", csapadek: 7 },
      { honap: "Május", csapadek: 1 },
      { honap: "Június", csapadek: 0 },
      { honap: "Július", csapadek: 0 },
      { honap: "Augusztus", csapadek: 0 },
      { honap: "Szeptember", csapadek: 0 },
      { honap: "Október", csapadek: 1 },
      { honap: "November", csapadek: 3 },
      { honap: "December", csapadek: 16 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Graz jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 83 },
{ honap11: "Február", paratartalom11: 78 },
{ honap11: "Március", paratartalom11: 73 },
{ honap11: "Április", paratartalom11: 68 },
{ honap11: "Május", paratartalom11: 68 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 68 },
{ honap11: "Augusztus", paratartalom11: 73 },
{ honap11: "Szeptember", paratartalom11: 73 },
{ honap11: "Október", paratartalom11: 78 },
{ honap11: "November", paratartalom11: 83 },
{ honap11: "December", paratartalom11: 83 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Grazban</strong></h2>



<p>Graz mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, köszönhetően az északi szélességi körnek és a kontinentális éghajlatnak. Az UV-index jelentősen változik az évszakok során.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt-magas), májusban pedig eléri a 6-7-es szintet (magas). A késő tavaszi időszakban, különösen májusban, már szükséges a fényvédelem használata, mivel 30-40 perc alatt is leéghet a bőr védelem nélkül.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyári hónapokban Graz UV-indexe eléri az éves csúcsot, 7-8-as értékkel (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Hőhullámok és tiszta égbolt esetén akár 9-es értéket is elérhet. A sugárzás intenzitása miatt védelem nélkül 15-25 perc alatt is napégést lehet szenvedni. A hegyi túrák során az UV-sugárzás még intenzívebb a magasság miatt.</p>



<h3 class="wp-block-heading"><strong>Ősz (október-november)</strong></h3>



<p>Az ősz elején, szeptemberben az UV-index még közepes-magas, 5-6-os értékkel, majd októberre 3-4-es szintre csökken (alacsony-mérsékelt). Novemberre már csak 1-2-es értéket ér el (alacsony). Bár a sugárzás gyengébb, a napos őszi napokon még mindig érdemes fényvédelmet használni.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A téli hónapokban az UV-index minimális, átlagosan 1-2-es értékkel (alacsony). Azonban a hóval borított tájakon a visszaverődés miatt a tényleges UV-terhelés magasabb lehet, különösen síelés vagy túrázás során a magasabban fekvő területeken.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong></h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: A nyári hónapokban minimum SPF 30-as fényvédő ajánlott, amit 2-3 óránként érdemes újra felvinni, különösen izzadás után.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, kalap és UV-szűrős napszemüveg használata a nyári hónapokban.</li>



<li><strong>Időzítés</strong>: A legintenzívebb UV-sugárzás 11:00 és 15:00 között van, ezt az időszakot érdemes árnyékban tölteni.</li>



<li><strong>Hegyi túrák</strong>: A magasabban fekvő területeken az UV-sugárzás 10-12%-kal erősebb minden 1000 méter után, különös odafigyelés szükséges.</li>



<li><strong>Téli sportok</strong>: A hóval borított felszínek akár 80%-ban is visszaverik az UV-sugárzást, így síelés során is ajánlott a fényvédő és a napszemüveg.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 3 },
{ honap: "Április", uv: 5 },
{ honap: "Május", uv: 7 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 6 },
{ honap: "Október", uv: 4 },
{ honap: "November", uv: 2 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Graz térsége viszonylag védett földrajzi helyzetének köszönhetően kevésbé van kitéve extrém időjárási jelenségeknek, de bizonyos veszélyek mégis fennállnak.</p>



<p>A <strong>nyári zivatarok</strong> június és augusztus között nagyon gyakoriak, szinte hetente előfordulnak intenzív esőzések. Ezek a viharok gyakran járnak erős széllel, jégesővel és villámlásal. A hirtelen lezúduló nagy mennyiségű csapadék időnként villámárvizeket okozhat a Mur folyó környékén.</p>



<p>A <strong>hőhullámok</strong> egyre gyakoribbak a nyári hónapokban, amikor a hőmérséklet több napon át 32-35°C fölé emelkedhet. Ezekben az időszakokban a levegőminőség is romolhat, különösen az óváros szűk utcáiban.</p>



<p>A <strong>téli fagy és hóviharok</strong> decembertől februárig jelentkeznek. Bár Graz viszonylag alacsony fekvésű, a heves havazások megbéníthatják a közlekedést. A -15°C alatti hőmérsékletek ritkák, de előfordulhatnak.</p>



<p>Az <strong>őszi és téli köd</strong> október és március között rendszeres jelenség, különösen a reggeli órákban. A Mur völgyében kialakuló sűrű köd akár több napig is megmaradhat, ami a közlekedést veszélyeztetheti.</p>



<p>A <strong>jegesedés</strong> télen gyakori probléma, különösen az árnyékos területeken és hidakon. A megfagyott eső (ónos eső) különösen veszélyes lehet.</p>



<p>A <strong>szélviharok</strong> ritkák, de az Alpok közelsége miatt erős szélrohamok előfordulhatnak, különösen fönvihar esetén, amikor meleg, száraz szél ereszkedik le a hegyekről.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Grazba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Graz meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és szeptember között</strong>. Ilyenkor kellemes meleg hőmérséklet (18-25°C), megfelelő napfény és élénk természeti környezet jellemzi a várost, ami ideális a városlátogatáshoz, történelmi helyszínek felkereséséhez és szabadtéri programokhoz. A nyári turistatömeg is elkerülhető, ha május végén vagy szeptember elején látogatunk.</p>



<p>A másik kiváló időszak az <strong>ősz eleje</strong>, szeptember és október hónapok, amikor a város és a környező sztyériai borvidék lenyűgöző őszi színekben pompázik. Ez az időszak különösen népszerű a bor- és gasztronómiai turisták körében, mivel ilyenkor zajlik a szüret. A hőmérséklet kellemes (15-20°C), és a turistalétszám is alacsonyabb.</p>



<p>A <strong>késő tavaszi időszak</strong> (április-május) szintén kiváló választás, amikor a város parkjai és kertjei virágba borulnak, és a kulturális élet is fellendül. Bár előfordulhatnak esős napok, a friss tavaszi hangulat és a megélénkülő város különleges élményt nyújt.</p>



<p>A karácsonyi időszak (december) varázslatos lehet a híres grazi Adventi vásárok miatt, bár fel kell készülni a hideg időjárásra és a rövid nappalokra.</p>



<p>Kerülendő időszakok: A téli hónapok (január-február) különösen hidegek, borongósak és rövidek a nappalok, bár a téli sportok szerelmesei számára ez is vonzó lehet a közeli síterületek miatt. A július és augusztus hónapok során a hőhullámok megterhelőek lehetnek, és a délutáni zivatarok gyakran akadályozzák a szabadtéri programokat. A november különösen zord lehet, sötét, ködös és nedves időjárással, kevés napsütéssel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Graz &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}

th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}

td {
padding: 15px;
font-size: 18px;
}

.excellent {
background-color: #c8e6c9;
}

.excellent td {
background-color: #c8e6c9;
}

.average {
background-color: #fff9c4;
}

.average td {
background-color: #fff9c4;
}

.not-recommended {
background-color: #ffcdd2;
}

.not-recommended td {
background-color: #ffcdd2;
}

tr:hover {
opacity: 0.9;
}

tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Július</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Augusztus</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/47d0715d44/graz/" data-label_1="GRAZ" data-theme="original" >GRAZ</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/graz-idojarasa/">Graz időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bécs időjárása – mikor a legjobb az osztrák fővárosba utazni?</title>
		<link>https://mikorutazz.hu/becs-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 10 Oct 2025 07:12:37 +0000</pubDate>
				<category><![CDATA[Ausztria]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1472</guid>

					<description><![CDATA[<p>Bécs, Ausztria fővárosa, egy történelmi és kulturális kincsesház. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Bécs időjárását a mérsékelt kontinentális éghajlat határozza meg, ami meleg nyarakat&#8230;</p>
<p>A <a href="https://mikorutazz.hu/becs-idojarasa/">Bécs időjárása – mikor a legjobb az osztrák fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Bécs, Ausztria fővárosa, egy történelmi és kulturális kincsesház. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Bécs időjárását a mérsékelt kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg teleket eredményez. Az osztrák főváros, amely a Duna partján fekszik, négy jól elkülöníthető évszakkal rendelkezik. A város Közép-Európa szívében található, ahol az atlanti, mediterrán és kontinentális éghajlati hatások találkoznak, így változatos időjárást biztosít az év során.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Bécs négy markánsan elkülönülő évszakkal rendelkezik, mindegyik egyedi jellemzőkkel és varázssal.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavasz fokozatos felmelegedést és a természet újjáéledését hozza Bécsben. Az átlaghőmérséklet <strong>8-18°C</strong> között mozog. A tavasz elején még hűvös lehet, de áprilisra és májusra már kellemes melegre lehet számítani. A város parkjai és történelmi kertjei virágba borulnak, különösen a Schönbrunn és a Belvedere kertek lenyűgözőek. A csapadék mérsékelt, de időnként erős tavaszi záporok is előfordulhatnak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyár meleg és kellemes, időnként forró napokkal. Az átlaghőmérséklet <strong>18-20°C</strong>, de a nappali maximum gyakran eléri a 25-28°C-ot, néha akár 30°C fölé is emelkedhet. A páratartalom mérsékelt (60-65%), így a nyári hőség általában elviselhető. Június és július a legmelegebb hónapok. Nyáron előfordulhatnak heves zivatarok, de a csapadékos napok száma viszonylag alacsony.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz Bécs egyik legszebb évszaka, különösen szeptember és október. Az átlaghőmérséklet <strong>8-16°C</strong> között alakul, fokozatosan csökkenve. A város aranyló színekben pompázik, a Bécsi-erdő lenyűgöző látványt nyújt. Szeptember még kellemes meleg, október már hűvösebb, november pedig már a tél felé közelít. A csapadék mennyisége mérsékelt, bár októberben növekszik.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A tél hideg és gyakran havas Bécsben. Az átlaghőmérséklet <strong>0-2°C</strong> között mozog, de gyakran fagypont alá süllyed, különösen éjszaka, amikor akár -5 vagy -10°C is lehet. A hó rendszeres, különösen januárban és februárban. A nappalok rövidek, de a karácsonyi vásárok és a havas város különleges hangulatot teremt. Fagypont alatti hőmérsékletek gyakoriak és tartósak lehetnek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Bécs időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Bécs leghidegebb hónapja. A nappali hőmérséklet általában 2-4°C körül mozog, míg éjszaka -2 és -4°C közötti értékekre süllyedhet. A fagypont alatti hőmérséklet nagyon gyakori, különösen éjszaka és a hajnali órákban.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2 óra. A nappali világosság időtartama rövid, mindössze 8,5 óra. A napkelte 7:45 körül, a napnyugta pedig már 16:30 körül van.</p>



<p>A csapadék mennyisége alacsony, átlagosan 40 mm körül mozog. A havi csapadékos napok száma 7-8, gyakran hó vagy ónos eső formájában. A havazás rendszeres, és a hótakaró hetekig megmaradhat.</p>



<p>A relatív páratartalom 80% körüli, ami nedves, borús időt jelent. Az égbolt többnyire felhős, kevés napsütéssel.</p>



<p>Ha januárban utazol Bécsbe, vigyél magaddal vastag télikabátot, meleg rétegeket, sálat, sapkát és kesztyűt. Vízálló, meleg cipő elengedhetetlen a havas-jeges járdákon.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február hasonló az januárhoz, de a hónap végére már enyhe felmelegedés érezhető. A nappali hőmérséklet 4-6°C körülire emelkedhet, míg éjszaka -1 és -3°C körül alakul. A fagy még mindig gyakori, de a hónap második felében már hosszabbak a nappalok.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 3 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 7:15 körül, a napnyugta pedig 17:30 körül történik.</p>



<p>A csapadék mennyisége alacsony, átlagosan 35 mm körül. A csapadékos napok száma 7, még mindig gyakran hó formájában, bár a hónap végére már inkább eső.</p>



<p>A levegő továbbra is nedves, 75% körüli páratartalommal. A február vége felé már érezhető a közelgő tavasz. A februári látogatáshoz még mindig teljes téli felszerelés szükséges.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 10-12°C-ot is elérhet, míg az éjszakák 2-4°C körül alakulnak. Fagyos reggelek még előfordulnak, de egyre ritkábbak.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 4 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:00 körül következik be.</p>



<p>A csapadék mennyisége növekszik, 45 mm körüli értékkel. A csapadékos napok száma 8, már többnyire eső formájában.</p>



<p>A páratartalom 70% körüli értékre csökken. A márciusi időjárás változékony, napról napra változhat. Átmeneti kabát, esernyő és rétegesen öltözködés ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 15-17°C körülire emelkedik, míg éjszaka 6-8°C körül alakul. A hideg napok ritkák, és a természet teljes pompájában virágzik.</p>



<p>A napsütéses órák száma átlagosan napi 5,5 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 5:45 körül, a napnyugta pedig 19:15 körül történik.</p>



<p>A csapadék mennyisége mérsékelt, 50 mm körüli értékkel. Az esős napok száma 8, általában rövid záporok formájában.</p>



<p>A levegő páratartalma kellemes, 65% körüli. Április az egyik legjobb hónap Bécs látogatására – kellemes hőmérséklet, virágzó természet, még nincs nyári tömeg.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a kora nyári időszak kezdete, kellemes meleggel. A nappali értékek 20-22°C körülire emelkednek, míg éjszaka 10-12°C körül alakulnak. A napsütéses napok száma jelentősen növekszik.</p>



<p>A napsütéses órák száma magas, átlagosan 7 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:15 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége növekszik, 60 mm körüli értékkel. A csapadékos napok száma 9, mivel a tavaszi záporok gyakoriak.</p>



<p>A páratartalom 65% körüli értékre emelkedik. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, esernyővel és könnyű kabáttal az esti órákra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már igazi nyári hónap, kellemes meleggel. A nappali maximum 23-25°C körülire emelkedik, míg éjszaka 13-15°C körül alakul. A nyár beköszönte érezhető.</p>



<p>A napsütéses órák száma átlagosan napi 7,5 óra. A nappali világosság időtartama eléri az éves csúcsot, 16 órát. A napkelte rendkívül korán, 4:50 körül, a napnyugta pedig késői, 20:45 körül van.</p>



<p>A csapadék mennyisége magas, 70 mm körüli értékkel. Az esős napok száma 10, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom mérsékelt, 65% körüli. A júniusi utazáshoz könnyű nyári ruházat, esernyő és könnyű kabát az esti órákra ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Bécs egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 25-27°C-ot, de néha 30°C fölé is emelkedhet. Az éjszakák is melegek maradnak, 15-17°C körüli értékekkel.</p>



<p>A napsütéses órák száma átlagosan napi 8 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:00 körül, a napnyugta pedig 20:30 körül következik be.</p>



<p>A csapadék mennyisége magas, 65 mm körüli értékkel. Nyári zivatarok gyakoriak, különösen a délutáni órákban. A csapadékos napok száma 9.</p>



<p>A páratartalom mérsékelt, 60% körüli. A júliusi látogatáshoz könnyű nyári ruházat, napszemüveg, napvédő krém és esernyő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén meleg nyári hónap. A nappali hőmérséklet 25-27°C körül alakul, míg éjszaka 15-17°C-ra hűl le. Ez az év egyik legmelegebb hónapja.</p>



<p>A napsütéses órák száma napi 7,5 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 5:30 körül, a napnyugta pedig 19:45 körül van.</p>



<p>A csapadék mennyisége mérsékelt, 60 mm körüli értékkel. Nyári zivatarok továbbra is gyakoriak. A csapadékos napok száma 8.</p>



<p>A páratartalom 60% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felszerelés ajánlott, mint júliusban: könnyű ruházat, fényvédelem és esernyő.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes enyhülést hozva. A nappali hőmérséklet 20-22°C körül alakul, éjszaka pedig 11-13°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5,5 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:15 körül, a napnyugta pedig 18:45 körül történik.</p>



<p>A csapadék mennyisége alacsony, 45 mm körüli értékre. A csapadékos napok száma 7.</p>



<p>A páratartalom 70% körüli. A szeptemberi látogatás kellemes, réteges öltözködés és könnyű kabát ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október Bécs egyik legszebb hónapja, aranylóan színes őszi tájakkal. A nappali hőmérséklet 13-15°C körülire csökken, míg éjszaka 6-8°C körül alakul. A levegő friss és tiszta.</p>



<p>A napsütéses órák száma napi 4 óra. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:00 körülre, a napnyugta pedig 17:45 körülre tolódik.</p>



<p>A csapadék mennyisége alacsony, 40 mm körüli értékkel. A csapadékos napok száma 7, általában enyhébb esők formájában.</p>



<p>A páratartalom 75% körüli értékre emelkedik. Az októberi látogatáshoz melegebb kabát, esernyő és réteges öltözködés ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már a tél közeledtét jelzi, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 6-8°C körülire süllyed, míg éjszaka 1-3°C körött alakul, gyakran fagypont körül. A hónap végére már fagyok jellemzőek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 2 órára. A nappali világosság időtartama tovább rövidül, 9 órára. A napkelte 7:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 8, a hónap végén már hó formájában is.</p>



<p>A páratartalom 80% körüli, nedves, borús időt eredményezve. A novemberi látogatáshoz vastag télikabát, meleg rétegek ajánlottak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december Bécs egyik leghidegebb hónapja, karácsonyi hangulattal. A nappali hőmérséklet 2-4°C körül alakul, míg éjszaka -1 és -3°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen éjszaka.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 1,5 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:00 körüli.</p>



<p>A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 8, gyakran hó formájában.</p>



<p>A levegő nedves, 80% körüli páratartalommal. A decemberi látogatáshoz vastag télikabát, meleg rétegek, sál, sapka, kesztyű és vízálló cipő elengedhetetlen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Bécs havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 3 },
{ honap5: "Február", homerseklet5: 5 },
{ honap5: "Március", homerseklet5: 11 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 24 },
{ honap5: "Július", homerseklet5: 26 },
{ honap5: "Augusztus", homerseklet5: 26 },
{ honap5: "Szeptember", homerseklet5: 21 },
{ honap5: "Október", homerseklet5: 14 },
{ honap5: "November", homerseklet5: 7 },
{ honap5: "December", homerseklet5: 3 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Bécs havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 0 },
{ honap: "Február", homerseklet: 2 },
{ honap: "Március", homerseklet: 7 },
{ honap: "Április", homerseklet: 12 },
{ honap: "Május", homerseklet: 16 },
{ honap: "Június", homerseklet: 19 },
{ honap: "Július", homerseklet: 21 },
{ honap: "Augusztus", homerseklet: 21 },
{ honap: "Szeptember", homerseklet: 16 },
{ honap: "Október", homerseklet: 10 },
{ honap: "November", homerseklet: 4 },
{ honap: "December", homerseklet: 1 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Bécs átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 40 },
{ honap: "Február", csapadek: 35 },
{ honap: "Március", csapadek: 45 },
{ honap: "Április", csapadek: 50 },
{ honap: "Május", csapadek: 60 },
{ honap: "Június", csapadek: 70 },
{ honap: "Július", csapadek: 65 },
{ honap: "Augusztus", csapadek: 60 },
{ honap: "Szeptember", csapadek: 45 },
{ honap: "Október", csapadek: 40 },
{ honap: "November", csapadek: 45 },
{ honap: "December", csapadek: 45 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Bécs jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 80 },
{ honap11: "Február", paratartalom11: 75 },
{ honap11: "Március", paratartalom11: 70 },
{ honap11: "Április", paratartalom11: 65 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 65 },
{ honap11: "Július", paratartalom11: 60 },
{ honap11: "Augusztus", paratartalom11: 60 },
{ honap11: "Szeptember", paratartalom11: 70 },
{ honap11: "Október", paratartalom11: 75 },
{ honap11: "November", paratartalom11: 80 },
{ honap11: "December", paratartalom11: 80 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Bécsben</strong></h2>



<p>Bécs mérsékelt övezeti elhelyezkedése miatt az UV-sugárzási szintek szezonálisan jelentősen változnak. A téli hónapokban alacsony, míg a nyári hónapokban közepes-magas értékeket érhet el.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 3-4-es értéket ér el (mérsékelt), áprilisban 5-6-ra (magas), májusban pedig 6-7-es szintre (magas) emelkedik. A tavasz második felében már 20-30 perc alatt le lehet égni védelem nélkül, különösen a déli órákban.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyári hónapokban Bécs UV-indexe eléri a legmagasabb értékeket, rendszeresen 7-8-as szintet (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Júliusban és augusztusban az UV-index akár 8-9-es értéket is elérhet. A sugárzás intenzitása miatt védelem nélkül 15-20 perc alatt is napégést lehet szenvedni.</p>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz elején, szeptemberben az UV-index még közepes-magas, 5-6-os értékkel, majd októberre csökken 3-4-es szintre (mérsékelt). Novemberre tovább csökken 2-es értékre (alacsony). Az őszi napsütés azonban még mindig okozhat napégést hosszabb expozíció esetén.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony). A téli nap gyenge, de a hótakaró visszaverő hatása növelheti az UV-expozíciót, különösen a hegyekben és síterepeken.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong></h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Tavasszal és nyáron minimum SPF 30-as fényvédő ajánlott, különösen a déli órákban.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat nyáron, kalap és UV-szűrős napszemüveg használata.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket a kora reggeli vagy késő délutáni időszakra érdemes időzíteni nyáron.</li>



<li><strong>Téli védelem</strong>: Síelés vagy hóban töltött idő esetén is fontos a fényvédelem használata.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 4 },
{ honap: "Április", uv: 6 },
{ honap: "Május", uv: 7 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 8 },
{ honap: "Szeptember", uv: 6 },
{ honap: "Október", uv: 4 },
{ honap: "November", uv: 2 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Bécs kontinentális éghajlata néhány szélsőséges időjárási jelenséget is magában hordoz, bár ezek ritkábbak, mint délebbre fekvő területeken.</p>



<p>A <strong>nyári hőhullámok</strong> egyre gyakoribbak, amikor a hőmérséklet napokig 30-35°C felett maradhat. Ezek különösen július-augusztus között fordulnak elő, és a város betonfelületei tovább fokozzák a hőérzetet.</p>



<p>A <strong>nyári zivatarok</strong> június-augusztus között gyakoriak, különösen délutánonként. Ezek intenzívek lehetnek, erős széllel, jégesővel és villámlással, de általában 1-2 órán belül elmúlnak.</p>



<p>A <strong>téli fagypont alatti időszakok</strong> rendszeresek december-február között. A hőmérséklet -10 vagy -15°C-ra is süllyedhet, különösen tiszta, csendes éjszakákon. A jeges szél fokozza a hideget.</p>



<p>A <strong>hóviharok</strong> ritkábbak, de előfordulhatnak januárban és februárban. Ezek jelentős hómennyiséget hozhatnak rövid idő alatt, ami közlekedési zavarokat okozhat.</p>



<p>Az <strong>ónos eső</strong> télen veszélyes jelenség, amely jegesíti az utakat és járdákat. Ez különösen november végén és március elején fordul elő, amikor a hőmérséklet fagypont körül ingadozik.</p>



<p>A <strong>Duna áradásai</strong> ritkák, de tavaszra és korai nyárra jellemzőek, amikor a hóolvadás és a bőséges csapadék együttesen megemelheti a folyó vízszintjét.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Bécsbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Bécs meglátogatására a <strong>késő tavaszi és kora őszi hónapok</strong>, különösen <strong>április-május és szeptember-október</strong> között. Ilyenkor kellemes, mérsékelt hőmérséklet (15-22°C), megfelelő napsütés és viszonylag kevés csapadék jellemzi a várost. A természet gyönyörű – tavasszal virágba borul, ősszel aranylóan színes. Ez az időszak ideális a városnézéshez, múzeumlátogatáshoz és szabadtéri programokhoz.</p>



<p>A <strong>kora nyári időszak</strong> (június) szintén kiváló, melegebb idővel (23-25°C), hosszú nappalokkal és pezsgő kulturális élettel. Bár előfordulhatnak zivatarok, ezek általában rövidek.</p>



<p>A téli hónapok (december-február) különleges élményt nyújtanak azok számára, akik szeretik a karácsonyi hangulatot és a téli várost. A híres bécsi karácsonyi vásárok, a behavazott barokk épületek és a kávéházi kultúra télen különösen varázslatos. Azonban vastag téli ruházat elengedhetetlen.</p>



<p>Kerülendő időszakok: Július-augusztus lehet túlságosan meleg (25-30°C), különösen hőhullámok idején, és ez a főszezon, amikor a város tele van turistákkal. November borús, nedves és hűvös, kevés napsütéssel – ez a legkevésbé kellemes hónap. Január-február igen hideg lehet (-5 és -10°C között), bár a város téli varázsa ezt ellensúlyozhatja.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bécs &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}

th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}

td {
padding: 15px;
font-size: 18px;
}

.excellent {
background-color: #c8e6c9;
}

.excellent td {
background-color: #c8e6c9;
}

.average {
background-color: #fff9c4;
}

.average td {
background-color: #fff9c4;
}

.not-recommended {
background-color: #ffcdd2;
}

.not-recommended td {
background-color: #ffcdd2;
}

tr:hover {
opacity: 0.9;
}

tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Július</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Augusztus</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/48d2116d37/vienna/" data-label_1="BÉCS" data-theme="original" >BÉCS</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/becs-idojarasa/">Bécs időjárása – mikor a legjobb az osztrák fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
