Cybersicherheitskompass BETA 0.9

super-embed:
<script>document.body.className = '';document.body.classList.add("home");</script>
<div class="customHero">
<h1 class="custom-notion-heading">Cybersicherheitskompass<br>für Kommunen BETA 0.9</h1>
<p>Links zu Leistungen von Bund und Ländern zur Förderung der Informationssicherheit und Resilienz von Kommunen</p>
</div>
<div class="subHero"><div></div><h2>Institutionen des Bundes und der Länder stellen verschiedene Leistungen bereit, die Sie dabei unterstützen sollen, die Informationssicherheit und Resilienz Ihrer Kommune zu stärken.</h2></div>
<div class="arrowDown">↓</div>

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>

super-embed:
<div class="subHero"><h2>In dieser Grafik erklären wir die Kategorien möglicher Leistungen und erläutern, in welchen Fällen Ihnen bestimmte Leistungen besonders helfen. Im Tool selbst finden Sie dann die konkreten Leistungen, die Ihnen zur Verfügung stehen. Leistungen von Bund und Ländern lassen sich in folgende Kategorien aufteilen:</h2></div>
<div class="arrowDown">↓</div>

super-embed:
<div class="container">
  <div class="empty"></div>
  <div class="sub-container double">
    <div class="box left" data-rotate="290"><h2>finanzielle Förderung</h2></div>
    <div class="box" data-rotate="340"><h2>regelmäßiger Austausch</h2></div>
  </div>
  <div class="empty"></div>

  <div class="sub-container">
    <div class="box left" data-rotate="255"><h2>Übungen/Spiele</h2></div>
    <div class="box left" data-rotate="235"><h2>Zertifizierung</h2></div>
    <div class="box left" data-rotate="215"><h2>Tools zur Gefahrendetektion</h2></div>
    <div class="box left" data-rotate="190"><h2>Veranstaltungen</h2></div>
  </div>
  <div class="square" id="square">
<div class="containerOverlay">
<button class="close-btn">&times;</button>
<div class="text-content"></div>
</div>
    <div class="inner-square" id="inner-square">
      <img src="https://cloud.lorenzundfuchs.de/kunden/snv/cs_kompass_2000.png" id="img">
    </div>
  </div>
  <div class="sub-container">
    <div class="box" data-rotate="10"><h2>Vorfallsbearbeitung</h2></div>
    <div class="box" data-rotate="35"><h2>Bewertung/Evaluation</h2></div>
    <div class="box" data-rotate="55"><h2>Warn- und Informationsdienst</h2></div>
    <div class="box" data-rotate="75"><h2>Beratung (Resilienz/IT-Sicherheit)</h2></div>
  </div>

  <div class="empty"></div>
  <div class="sub-container double">
    <div class="box left" data-rotate="160"><h2>Schulungen (Kompetenzen)</h2></div>
    <div class="box" data-rotate="110"><h2>Orientierungshilfen</h2></div>
  </div>
  <div class="empty"></div>
</div>
<script>let innerSquare = document.getElementById("img");
let boxes = Array.from(document.getElementsByClassName("box"));
const boxTexts = {
    "Vorfallsbearbeitung": "Unter der Kategorie Vorfallsbearbeitung finden Sie Leistungen, die Ihnen helfen können, wenn Sie mit IT-Sicherheitsvorfällen wie Cyberoperationen, Datenlecks oder technischen Pannen zu tun haben. Hilfen gibt es in unterschiedlicher Form. So bieten der Bund und einige Länder Beratung vor Ort oder per Telefon an. Dies kann helfen, einen ersten Fahrplan zur Problemlösung zu erstellen. Einige Länder bieten auch Handreichungen und Checklisten an. In manchen Fällen gibt es konkrete technische und operative Unterstützung, etwa durch forensische Analyse, die Ihnen helfen kann, die Ursache für den Vorfall zu finden. Unter Vorfallsbearbeitung finden Sie auch Links zu Meldestellen und Dienstleister:innen, die Bund und Länder im Falle eines Vorfalls empfehlen.",
    "Bewertung/Evaluation": "Unter Bewertung/Evaluation finden Sie Leistungen, die dabei helfen, den Status Quo der Informationssicherheit oder Resilienz Ihrer Kommune einzuschätzen. Das können Audits sein, auch zur offiziellen Zertifizierung, oder technische Tests, die Ihre Netzwerke und Systeme auf Schwachstellen überprüfen. Mit Formaten wie Umfragen oder Checklisten lässt sich die Umsetzung von Maßnahmen zur Cybersicherheit und Resilienz überprüfen. Einige Länder stellen finanzielle Förderung dafür bereit.",
    "Warn- und Informationsdienst": "In der Kategorie Warn- und Informationsdienst finden Kommunen Leistungen, die dabei helfen, konkrete Bedrohungen oder Schwachstellen zu erkennen. Sie als Mitarbeiter:in der Kommune erhalten Warnungen und Informationen, etwa per Online-Tool oder Email. Eine Anmeldung kann hier vonnöten sein, um die Informationen zu bekommen, die auf Sie zugeschnitten sind oder zu denen Sie berechtigt sind. Die Informationen dieser Leistungskategorie lassen sich gut in ein Information Security Management System (kurz: ISMS) integrieren.",
    "Beratung (Resilienz/IT-Sicherheit)": "Unter Beratung (Resilienz/IT-Sicherheit) finden Sie Leistungen, die dabei helfen, Maßnahmen zur Informationssicherheit und Resilienz zu identifizieren und umzusetzen. Im Vergleich zu Orientierungshilfen bieten diese Leistungen einen persönlichen Kontakt via Email, Telefon oder in persona. So können Fachleute die individuelle Situation einschätzen und mit Ihnen gemeinsam konkrete Lösungen finden.",
    "Orientierungshilfen": "In der Kategorie Orientierungshilfen finden Sie Leistungen, die Ihnen helfen, Maßnahmen zur Informationssicherheit und Resilienz zu erkennen, zu verstehen und umzusetzen. Diese Hilfen gibt es etwa in Form von Factsheets, Leitfäden oder Excel- und Word-Dateien.",
    "Schulungen (Kompetenzen)": "Unter Schulungen (Kompetenzen) finden Sie Leistungen, die dabei helfen, Kompetenzen auf- und auszubauen. Sie richten sich an verschiedene Zielgruppen und behandeln ein breites Themenspektrum in unterschiedlichen Formaten. Einige Länder stellen Trainings für Führungskräfte bereit oder bieten Awareness-Schulungen, Trainings zur Erkennung von Phishing oder Hilfe bei der Umsetzung von Standards. Je nach Leistung erhalten Sie Workshops und Kurse in persona oder virtuell, auch Trainings-Software wird angeboten.",
    "Veranstaltungen": "In der Kategorie Veranstaltungen sind Veranstaltungen aufgelistet, die Bund und Länder spezifisch für die Zielgruppe Kommunen und zum Thema Informationssicherheit abhalten. Hier können Sie Netzwerke knüpfen, Workshops und Podien bieten Anlässe zu lernen und sich auszutauschen.",
    "Tools zur Gefahrendetektion": "In der Kategorie Tools zur Gefahrendetektion finden Sie Leistungen, die dabei helfen, mittels Software konkrete technische Gefahren selbst zu erkennen. Es handelt sich um Detection Tools, die bereitgestellt oder finanziert werden, z.B. Honey Pot, oder DDoS Check für Websites.",
    "Zertifizierung": "Unter Zertifizierung finden Sie Leistungen, die dabei helfen anzuzeigen, welchen Stand der IT-Sicherheit die Kommune umgesetzt hat. Ein Zertifikat ist eine Bestätigung durch eine dritte Stelle oder durch Selbstauskunft, dass Anforderungen, zum Beispiel von internationalen Normen, branchenspezifischen Standards oder technischen Regeln, erfüllt werden.",
    "Übungen/Spiele": "In der Kategorie Übungen/Spiele finden Sie Leistungen, die dabei helfen, Kompetenzen zu testen und zu evaluieren. Manche Übungen dienen auch dem Kompetenzaufbau. Cybersicherheits-Übungen gibt es in vielen Formaten für unterschiedliche Zielgruppen. Übungen werden in gängigen IT-Sicherheitsstandards empfohlen.",
    "regelmäßiger Austausch": "Unter regelmäßiger Austausch finden Sie Leistungen, die dabei helfen, in Kontakt mit anderen zu kommen, die an denselben Aufgaben sitzen wie Sie. Im Gegensatz zu Veranstaltungen sind hier vertrauliche Kreise und Orte gemeint, mit Personen, die sich kontinuierlich austauschen. Formate können sein: Stammtische, Social-Media-Gruppen, Community-Treffen usw. Sie dienen auch dazu, vertrauliche Fragen und Herausforderungen zu besprechen und Informationen in einem geschützten Umfeld zu teilen.",
    "finanzielle Förderung": "In der Kategorie finanzielle Förderung finden Kommunen Budget, das ihnen dabei hilft, Cybersicherheit und Resilienz umzusetzen. Manchmal handelt es sich um generelle Finanzierung für den Kauf von Software oder Hardware oder die Finanzierung von Personal. Mitunter werden auch andere Leistungen, etwa Schulungen, subventioniert oder finanziert."
};
boxes.forEach((box) => {
    let rotation = box.getAttribute("data-rotate"); // get rotation value from data attribute
    box.addEventListener("mouseenter", () => {
        innerSquare.style.transform = `rotate(${rotation}deg)`;
    });
    // Add a click event listener to each box
    box.addEventListener('click', function() {
        // When a box is clicked, add the 'active' class to the 'containerOverlay' div
        let containerOverlay = document.querySelector('.containerOverlay');
        containerOverlay.classList.add('active');
        
        // Get the text content of the <h2> tag inside the clicked box
        let h2Content = box.querySelector("h2").textContent;
        
        // Match the h2Content with the boxTexts dictionary and display the corresponding text
        if(boxTexts[h2Content]) {
            containerOverlay.querySelector('.text-content').textContent = boxTexts[h2Content];
        }
    });
});

// Query the close button
let closeButton = document.querySelector('.close-btn');

// Add a click event listener to the close button
closeButton.addEventListener('click', function() {
  // When the close button is clicked, remove the 'active' class from the 'containerOverlay' div
  let containerOverlay = document.querySelector('.containerOverlay');
  containerOverlay.classList.remove('active');
});
</script>
<div class="leistungenMobile">
<h2>Vorfallsbearbeitung</h2>
<p>Unter der Kategorie Vorfallsbearbeitung finden finden Sie Leistungen, die Ihnen helfen können, wenn Sie mit IT-Sicherheitsvorfällen wie Cyberoperationen, Datenlecks oder technischen Pannen zu tun haben. Hilfen gibt es in unterschiedlicher Form. So bieten der Bund und einige Länder Beratung vor Ort oder per Telefon an. Dies kann helfen, einen ersten Fahrplan zur Problemlösung zu erstellen. Einige Länder bieten auch Handreichungen und Checklisten an. In manchen Fällen gibt es konkrete technische und operative Unterstützung, etwa durch forensische Analyse, die Ihnen helfen kann, die Ursache für den Vorfall zu finden. Unter Vorfallsbearbeitung finden Sie auch Links zu Meldestellen und Dienstleister:innen, die Bund und Länder im Falle eines Vorfalls empfehlen.</p>

<h2>Bewertung/Evaluation</h2>
<p>Unter Bewertung/Evaluation finden Sie Leistungen, die dabei helfen, den Status Quo der Informationssicherheit oder Resilienz Ihrer Kommune einzuschätzen. Das können Audits sein, auch zur offiziellen Zertifizierung, oder technische Tests, die Ihre Netzwerke und Systeme auf Schwachstellen überprüfen. Mit Formaten wie Umfragen oder Checklisten lässt sich die Umsetzung von Maßnahmen zur Cybersicherheit und Resilienz überprüfen. Einige Länder stellen finanzielle Förderung dafür bereit.</p>

<h2>Warn- und Informationsdienst</h2>
<p>In der Kategorie Warn- und Informationsdienst finden Kommunen Leistungen, die dabei helfen, konkrete Bedrohungen oder Schwachstellen zu erkennen. Sie als Mitarbeiter:in der Kommune erhalten Warnungen und Informationen, etwa per Online-Tool oder Email. Eine Anmeldung kann hier vonnöten sein, um die Informationen zu bekommen, die auf Sie zugeschnitten sind oder zu denen Sie berechtigt sind. Die Informationen dieser Leistungskategorie lassen sich gut in ein Information Security Management System (kurz: ISMS) integrieren.</p>

<h2>Beratung (Resilienz/IT-Sicherheit)</h2>
<p>Unter Beratung (Resilienz/IT-Sicherheit) finden Sie Leistungen, die dabei helfen, Maßnahmen zur Informationssicherheit und Resilienz zu identifizieren und umzusetzen. Im Vergleich zu Orientierungshilfen bieten diese Leistungen einen persönlichen Kontakt via Email, Telefon oder in persona. So können Fachleute die individuelle Situation einschätzen und mit Ihnen gemeinsam konkrete Lösungen finden.</p>

<h2>Orientierungshilfen</h2>
<p>In der Kategorie Orientierungshilfen finden Sie Leistungen, die Ihnen helfen, Maßnahmen zur Informationssicherheit und Resilienz zu erkennen, zu verstehen und umzusetzen. Diese Hilfen gibt es etwa in Form von Factsheets, Leitfäden oder Excel- und Word-Dateien.</p>

<h2>Schulungen(Kompetenzen)</h2>
<p>Unter Schulungen (Kompetenzen) finden Sie Leistungen, die dabei helfen, Kompetenzen auf- und auszubauen. Sie richten sich an verschiedene Zielgruppen und behandeln ein breites Themenspektrum in unterschiedlichen Formaten. Einige Länder stellen Trainings für Führungskräfte bereit oder bieten Awareness-Schulungen, Trainings zur Erkennung von Phishing oder Hilfe bei der Umsetzung von Standards. Je nach Leistung erhalten Sie Workshops und Kurse in persona oder virtuell, auch Trainings-Software wird angeboten.</p>

<h2>Veranstaltungen</h2>
<p>In der Kategorie Veranstaltungen sind Veranstaltungen aufgelistet, die Bund und Länder spezifisch für die Zielgruppe Kommunen und zum Thema Informationssicherheit abhalten. Hier können Sie Netzwerke knüpfen, Workshops und Podien bieten Anlässe zu lernen und sich auszutauschen.</p>

<h2>Tools zur Gefahrendetektion</h2>
<p>In der Kategorie Tools zur Gefahrendetektion finden Sie Leistungen, die dabei helfen, mittels Software konkrete technische Gefahren selbst zu erkennen. Es handelt sich um Detection Tools, die bereitgestellt oder finanziert werden, z.B. Honey Pot, oder DDoS Check für Websites.</p>

<h2>Zertifizierung</h2>
<p>Unter Zertifizierung finden Sie Leistungen, die dabei helfen anzuzeigen, welchen Stand der IT-Sicherheit die Kommune umgesetzt hat. Ein Zertifikat ist eine Bestätigung durch eine dritte Stelle oder durch Selbstauskunft, dass Anforderungen, zum Beispiel von internationalen Normen, branchenspezifischen Standards oder technischen Regeln, erfüllt werden.</p>

<h2>Übungen/Spiele</h2>
<p>In der Kategorie Übungen/Spiele finden Sie Leistungen, die dabei helfen, Kompetenzen zu testen und zu evaluieren. Manche Übungen dienen auch dem Kompetenzaufbau. Cybersicherheits-Übungen gibt es in vielen Formaten für unterschiedliche Zielgruppen. Übungen werden in gängigen IT-Sicherheitsstandards empfohlen.</p>

<h2>regelmäßiger Austausch</h2>
<p>Unter regelmäßiger Austausch finden Sie Leistungen, die dabei helfen, in Kontakt mit anderen zu kommen, die an denselben Aufgaben sitzen wie Sie. Im Gegensatz zu Veranstaltungen sind hier vertrauliche Kreise und Orte gemeint, mit Personen, die sich kontinuierlich austauschen. Formate können sein: Stammtische, Social-Media-Gruppen, Community-Treffen usw. Sie dienen auch dazu, vertrauliche Fragen und Herausforderungen zu besprechen und Informationen in einem geschützten Umfeld zu teilen.</p>

<h2>Finanzielle Förderung</h2>
<p>In der Kategorie finanzielle Förderung finden Kommunen Budget, das ihnen dabei hilft, Cybersicherheit und Resilienz umzusetzen. Manchmal handelt es sich um generelle Finanzierung für den Kauf von Software oder Hardware oder die Finanzierung von Personal. Mitunter werden auch andere Leistungen, etwa Schulungen, subventioniert oder finanziert.</p>
</div>

super-embed:
<div class="subHero">Die Stiftung Neue Verantwortung ist Herausgeberin und Autorin dieser Orientierungshilfe “Cybersicherheitskompass”. Die Orientierungshilfe entstand in Kooperation mit dem Deutschen Städtetag. Die Entwicklung und das Design der Orientierungshilfe wurden im Auftrag der Koordinierungs- und Transferstelle Modellprojekte Smart Cities (KTS), finanziert durch das Bundesministerium für Wohnen, Stadtentwicklung und Bauwesen.
<div class="logowall">
<div><img src="https://lucky-zenobia-3a9.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Faff296a0-7866-41eb-bedc-7e85730f7339%2FStiftung_Neue_Verantwortung_logo.svg.png?table=block&id=469d17f1-6dca-4354-a979-7c7dce903907&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&userId=&cache=v2"></div>
<div><img style="width:80%" src="https://lucky-zenobia-3a9.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F04f49088-fd35-42b9-bbe2-d71ca10ca2ae%2Fcsm_Staedtetag_Logo_quadratisch_6c239e4cfc.webp?table=block&id=d67b1525-fa8a-4e67-94f5-3ba7a5643bec&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=2000&userId=&cache=v2"></div>
<div><img style="width:80%" src="https://lucky-zenobia-3a9.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F2b0dbc1e-f6e5-4fd2-912a-a7c536aea083%2F136ca530-60fe-4482-b757-1c0db6270925%2Fsmart_city.jpg?table=block&id=454df7a5-16be-4656-8abd-c458e24b7765&spaceId=2b0dbc1e-f6e5-4fd2-912a-a7c536aea083&width=740&userId=&cache=v2"></div>
</div>
</div>