super-embed:
<script>document.body.className = '';document.body.classList.add("bundesland-list");</script>
<div id="mapContainer">
<div id="left-side">
<div class="state-info" data-name="Schleswig-Holstein">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Ff6c3a7fb-967f-45cf-ba85-aaa5b9b41519%2FSchleswig-Holstein_wa.png?table=block&id=6de57c60-f24c-411b-98a3-6c38c3f7ef83&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Schleswig-Holstein</span>
</div>
<div class="state-info" data-name="Hamburg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F5f15a023-bbc1-4ffe-ae0d-142855293b69%2FHamburg_wa.png?table=block&id=50456f35-6514-414b-a841-2e9849cc0d93&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Hamburg</span>
</div>
<div class="state-info" data-name="Bremen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fdc792963-ac10-4a2b-b130-2012a39e409c%2FBremen_wa.png?table=block&id=b94daab5-b530-4f42-ae73-a568ac54f2e5&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Bremen</span>
</div>
<div class="state-info" data-name="Niedersachsen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F99113c22-3690-4996-9c1a-11c6385f2ef2%2FNiedersachsen_wa.png?table=block&id=34ceb49a-264d-461e-91a6-518b1f847d2b&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Niedersachsen</span>
</div>
<div class="state-info" data-name="Nordrhein-Westfalen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F7fc3d255-9af5-4194-8ffd-534aa8ee11f2%2FNordrhein-Westfalen_wa.png?table=block&id=1147b814-eccd-40d4-a915-52d6901ca356&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Nordrhein-Westfalen</span>
</div>
<div class="state-info" data-name="Hessen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fe44210f1-3fc3-4888-9833-e1365b6a1643%2FHessen_wa.png?table=block&id=3d0b8557-c002-4826-9b8e-e5b3c786bee9&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Hessen</span>
</div>
<div class="state-info" data-name="Rheinland-Pfalz">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F06825331-ff21-4e65-a3af-de16e57d1c45%2FRheinland-Pfalz_wa.png?table=block&id=b87c7ef8-7a1e-4b4b-9782-ad9937fee4b0&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Rheinland-Pfalz</span>
</div>
<div class="state-info" data-name="Saarland">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F7c272f70-9676-4eb3-bf8e-b879431a89b1%2FSaarland_wa.png?table=block&id=30668151-3887-44c5-9bb7-2c8cd5c36470&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Saarland</span>
</div>
<div class="state-info" data-name="Baden-Wuerttemberg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F57d89045-d3df-431a-bb0c-268a4137f464%2FBaden-Wurttemberg_wa.png?table=block&id=789466ec-d9cd-4517-a294-097fe700a0ed&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Baden-Württemberg</span>
</div>
</div><div id="map-container">
<div id="baden-wuerttemberg" class="state" data-name="Baden-Wuerttemberg"></div>
<div id="bayern" class="state" data-name="Bayern"></div>
<div id="berlin" class="state" data-name="Berlin"></div>
<div id="brandenburg" class="state" data-name="Brandenburg"></div>
<div id="bremen" class="state" data-name="Bremen"></div>
<div id="hamburg" class="state" data-name="Hamburg"></div>
<div id="hessen" class="state" data-name="Hessen"></div>
<div id="mecklenburg-vorpommern" class="state" data-name="Mecklenburg-Vorpommern"></div>
<div id="niedersachsen" class="state" data-name="Niedersachsen"></div>
<div id="nordrhein-westfalen" class="state" data-name="Nordrhein-Westfalen"></div>
<div id="rheinland-pfalz" class="state" data-name="Rheinland-Pfalz"></div>
<div id="saarland" class="state" data-name="Saarland"></div>
<div id="sachsen" class="state" data-name="Sachsen"></div>
<div id="sachsen-anhalt" class="state" data-name="Sachsen-Anhalt"></div>
<div id="schleswig-holstein" class="state" data-name="Schleswig-Holstein"></div>
<div id="thueringen" class="state" data-name="Thueringen"></div>
</div>
<div id="right-side">
<div class="state-info" data-name="Mecklenburg-Vorpommern">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F75876726-992d-4034-879b-757f3592f5cf%2FMecklenburg-Vorpommern_wa.png?table=block&id=9f661242-97aa-44e3-97c9-8b4173478a75&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Mecklenburg-Vorpommern</span>
</div>
<div class="state-info" data-name="Brandenburg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Ff8d579bd-dd02-43a3-949e-8be75b5a77f1%2FBrandenburg_wa.png?table=block&id=49975a7e-2ec6-4d27-b542-5e2133709700&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Brandenburg</span>
</div>
<div class="state-info" data-name="Berlin">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F5fb903a3-10b6-405d-aeba-89f4a363ae40%2FBerlin_wa.png?table=block&id=28fc7409-4308-41cd-8f9a-070d7804af0f&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Berlin</span>
</div>
<div class="state-info" data-name="Sachsen-Anhalt">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fe3bb6929-791d-43f7-9f98-a119c44565c0%2FSachsen-Anhalt_wa.png?table=block&id=7e2b957e-e1ba-421a-9d6a-ac207fc30221&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Sachsen-Anhalt</span>
</div>
<div class="state-info" data-name="Thueringen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F2c03c357-4feb-4a4a-abdc-f5118ffb95f4%2FThuringen_wa.png?table=block&id=fc4ee263-d4fd-42bc-8539-ea087fa7c35c&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Thüringen</span>
</div>
<div class="state-info" data-name="Sachsen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F8bba7cd2-5264-483f-94be-775fe18ecdbe%2FSachsen_wa.png?table=block&id=a7384c1e-5d70-4a2a-bad8-8e87db5d3288&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Sachsen</span>
</div>
<div class="state-info" data-name="Bayern">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F82af1f4f-36d6-4224-811a-05a63d46de64%2FBayern_wa.png?table=block&id=7643afd0-e76e-41a8-9896-2c17c66e4187&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Bayern</span>
</div>
</div>
</div>
<div id="overlay"></div>
<div class="mobileStates">
<div class="state-info" data-name="Baden-Wuerttemberg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F57d89045-d3df-431a-bb0c-268a4137f464%2FBaden-Wurttemberg_wa.png?table=block&id=789466ec-d9cd-4517-a294-097fe700a0ed&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Baden-Württemberg</span>
</div>
<div class="state-info" data-name="Bayern">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F82af1f4f-36d6-4224-811a-05a63d46de64%2FBayern_wa.png?table=block&id=7643afd0-e76e-41a8-9896-2c17c66e4187&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Bayern</span>
</div>
<div class="state-info" data-name="Berlin">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F5fb903a3-10b6-405d-aeba-89f4a363ae40%2FBerlin_wa.png?table=block&id=28fc7409-4308-41cd-8f9a-070d7804af0f&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Berlin</span>
</div>
<div class="state-info" data-name="Brandenburg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Ff8d579bd-dd02-43a3-949e-8be75b5a77f1%2FBrandenburg_wa.png?table=block&id=49975a7e-2ec6-4d27-b542-5e2133709700&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Brandenburg</span>
</div>
<div class="state-info" data-name="Bremen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fdc792963-ac10-4a2b-b130-2012a39e409c%2FBremen_wa.png?table=block&id=b94daab5-b530-4f42-ae73-a568ac54f2e5&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Bremen</span>
</div>
<div class="state-info" data-name="Hamburg">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F5f15a023-bbc1-4ffe-ae0d-142855293b69%2FHamburg_wa.png?table=block&id=50456f35-6514-414b-a841-2e9849cc0d93&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Hamburg</span>
</div>
<div class="state-info" data-name="Hessen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fe44210f1-3fc3-4888-9833-e1365b6a1643%2FHessen_wa.png?table=block&id=3d0b8557-c002-4826-9b8e-e5b3c786bee9&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Hessen</span>
</div>
<div class="state-info" data-name="Mecklenburg-Vorpommern">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F75876726-992d-4034-879b-757f3592f5cf%2FMecklenburg-Vorpommern_wa.png?table=block&id=9f661242-97aa-44e3-97c9-8b4173478a75&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Mecklenburg-Vorpommern</span>
</div>
<div class="state-info" data-name="Niedersachsen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F99113c22-3690-4996-9c1a-11c6385f2ef2%2FNiedersachsen_wa.png?table=block&id=34ceb49a-264d-461e-91a6-518b1f847d2b&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Niedersachsen</span>
</div>
<div class="state-info" data-name="Nordrhein-Westfalen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F7fc3d255-9af5-4194-8ffd-534aa8ee11f2%2FNordrhein-Westfalen_wa.png?table=block&id=1147b814-eccd-40d4-a915-52d6901ca356&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Nordrhein-Westfalen</span>
</div>
<div class="state-info" data-name="Rheinland-Pfalz">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F06825331-ff21-4e65-a3af-de16e57d1c45%2FRheinland-Pfalz_wa.png?table=block&id=b87c7ef8-7a1e-4b4b-9782-ad9937fee4b0&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Rheinland-Pfalz</span>
</div>
<div class="state-info" data-name="Saarland">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F7c272f70-9676-4eb3-bf8e-b879431a89b1%2FSaarland_wa.png?table=block&id=30668151-3887-44c5-9bb7-2c8cd5c36470&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Saarland</span>
</div>
<div class="state-info" data-name="Sachsen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F8bba7cd2-5264-483f-94be-775fe18ecdbe%2FSachsen_wa.png?table=block&id=a7384c1e-5d70-4a2a-bad8-8e87db5d3288&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Sachsen</span>
</div>
<div class="state-info" data-name="Sachsen-Anhalt">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Fe3bb6929-791d-43f7-9f98-a119c44565c0%2FSachsen-Anhalt_wa.png?table=block&id=7e2b957e-e1ba-421a-9d6a-ac207fc30221&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Sachsen-Anhalt</span>
</div>
<div class="state-info" data-name="Schleswig-Holstein">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2Ff6c3a7fb-967f-45cf-ba85-aaa5b9b41519%2FSchleswig-Holstein_wa.png?table=block&id=6de57c60-f24c-411b-98a3-6c38c3f7ef83&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Schleswig-Holstein</span>
</div>
<div class="state-info" data-name="Thueringen">
<img src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F2c03c357-4feb-4a4a-abdc-f5118ffb95f4%2FThuringen_wa.png?table=block&id=fc4ee263-d4fd-42bc-8539-ea087fa7c35c&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=4c618d03-8252-45d5-bb41-9b26c9946c1e&cache=v2" alt="" class="coat-of-arms">
<span>Thüringen</span>
</div>
</div>
<script>
var stateInfos = document.querySelectorAll('.state-info');
stateInfos.forEach(function(stateInfo) {
stateInfo.addEventListener('mouseover', function() {
var stateName = stateInfo.getAttribute('data-name');
var state = document.querySelector('.state[data-name="' + stateName + '"]');
if (state) {
state.classList.add('hover');
}
var stateInfoElements = document.querySelectorAll('.state-info:not([data-name="' + stateName + '"])');
stateInfoElements.forEach(function(el) {
el.classList.add('dimmed');
});
});
stateInfo.addEventListener('mouseout', function() {
var stateName = stateInfo.getAttribute('data-name');
var state = document.querySelector('.state[data-name="' + stateName + '"]');
if (state) {
state.classList.remove('hover');
}
var stateInfoElements = document.querySelectorAll('.state-info.dimmed');
stateInfoElements.forEach(function(el) {
el.classList.remove('dimmed');
});
});
});
var states = document.querySelectorAll('.state');
states.forEach(function(state) {
state.addEventListener('mouseover', function() {
var stateName = state.getAttribute('data-name');
var stateInfoElements = document.querySelectorAll('.state-info:not([data-name="' + stateName + '"])');
stateInfoElements.forEach(function(el) {
el.classList.add('dimmed');
});
var activeStateInfo = document.querySelector('.state-info[data-name="' + stateName + '"]');
if (activeStateInfo) {
activeStateInfo.classList.remove('dimmed');
}
});
state.addEventListener('mouseout', function() {
var stateInfoElements = document.querySelectorAll('.state-info.dimmed');
stateInfoElements.forEach(function(el) {
el.classList.remove('dimmed');
});
});
});
function navigateToStateSubpage(element) {
var stateName = element.getAttribute('data-name').toLowerCase(); // Retrieve the data-name attribute and make it lowercase
window.location.href = '/' + stateName; // Navigate to the new URL
}
stateInfos.forEach(function(stateInfo) {
stateInfo.addEventListener('click', function() {
navigateToStateSubpage(stateInfo);
});
});
states.forEach(function(state) {
state.addEventListener('click', function() {
navigateToStateSubpage(state);
});
});
</script>