{"id":2046,"date":"2025-04-29T09:51:03","date_gmt":"2025-04-29T07:51:03","guid":{"rendered":"https:\/\/gartenkreisverband-bitterfeld.de\/?page_id=2046"},"modified":"2026-08-23T15:15:55","modified_gmt":"2026-08-23T13:15:55","slug":"vereine-vom-regionalverband","status":"publish","type":"page","link":"https:\/\/gartenkreisverband-bitterfeld.de\/?page_id=2046","title":{"rendered":"Vereine vom Regionalverband Bitterfeld-Wolfen und Umgebung e.V."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Noch im Aufbau<\/h2>\n\n\n\n<style>\n  \/* Gesamter Bereich: Ortsliste links, Karte rechts *\/\n  .regionen-karte {\n    display: grid;\n    grid-template-columns: 230px minmax(0, 550px);\n    gap: 28px;\n    align-items: center;\n    justify-content: start;\n    width: 100%;\n    margin: 24px 0;\n  }\n\n  \/* Linke Ortsliste *\/\n  .regionen-liste {\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n  }\n\n  .regionen-link {\n    display: block;\n    padding: 11px 14px;\n    border: 1px solid #d4dfc9;\n    border-radius: 8px;\n    background-color: #f7faf3;\n    color: #24583a;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.35;\n    text-decoration: none;\n    cursor: pointer;\n\n    transition:\n      color 0.2s ease,\n      background-color 0.2s ease,\n      border-color 0.2s ease,\n      transform 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .regionen-link:hover,\n  .regionen-link:focus-visible,\n  .regionen-link.is-active {\n    color: #ffffff;\n    background-color: #2f7548;\n    border-color: #2f7548;\n    transform: translateX(5px);\n    box-shadow: 0 4px 12px rgba(35, 85, 54, 0.22);\n    outline: none;\n  }\n\n  \/* Kartenbereich *\/\n  .regionen-bildbereich {\n    position: relative;\n    width: 100%;\n    max-width: 550px;\n    line-height: 0;\n  }\n\n  .regionen-bild {\n    display: block;\n    width: 100%;\n    height: auto;\n    border-radius: 10px;\n  }\n\n  \/* Leuchtring \u00fcber dem vorhandenen gr\u00fcnen Punkt *\/\n  .regionen-marker {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n\n    border: 3px solid #f3b61f;\n    border-radius: 50%;\n\n    background-color: rgba(243, 182, 31, 0.28);\n    box-shadow:\n      0 0 0 4px rgba(255, 255, 255, 0.9),\n      0 0 12px 6px rgba(243, 182, 31, 0.75);\n\n    opacity: 0;\n    pointer-events: none;\n\n    transform: translate(-50%, -50%) scale(0.55);\n\n    transition:\n      opacity 0.18s ease,\n      transform 0.18s ease;\n  }\n\n  .regionen-marker.is-active {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n    animation: regionen-puls 1.2s ease-in-out infinite;\n  }\n\n  @keyframes regionen-puls {\n    0%,\n    100% {\n      box-shadow:\n        0 0 0 4px rgba(255, 255, 255, 0.9),\n        0 0 10px 5px rgba(243, 182, 31, 0.65);\n    }\n\n    50% {\n      box-shadow:\n        0 0 0 5px rgba(255, 255, 255, 0.95),\n        0 0 18px 9px rgba(243, 182, 31, 0.9);\n    }\n  }\n\n  \/* Markerpositionen in Prozent *\/\n\n  .marker-koethen {\n    left: 38.8%;\n    top: 17.8%;\n  }\n\n  .marker-zoerbig {\n    left: 50.2%;\n    top: 38%;\n  }\n\n  .marker-sandersdorf {\n    left: 42.5%;\n    top: 56.2%;\n  }\n\n  .marker-bitterfeld {\n    left: 53.5%;\n    top: 66.7%;\n  }\n\n  .marker-raguhn {\n    left: 73.1%;\n    top: 47.9%;\n  }\n\n  .marker-muldestausee {\n    left: 49.9%;\n    top: 81.3%;\n  }\n\n  \/* Darstellung auf Smartphone und schmalen Bildschirmen *\/\n  @media (max-width: 800px) {\n    .regionen-karte {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .regionen-bildbereich {\n      max-width: 550px;\n      margin: 0 auto;\n    }\n\n    .regionen-link:hover,\n    .regionen-link:focus-visible,\n    .regionen-link.is-active {\n      transform: none;\n    }\n  }\n\n  \/* Reduzierte Animation, falls im Betriebssystem eingestellt *\/\n  @media (prefers-reduced-motion: reduce) {\n    .regionen-link,\n    .regionen-marker {\n      transition: none;\n    }\n\n    .regionen-marker.is-active {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"regionen-karte\">\n\n  <!-- Linke Ortsliste -->\n  <nav class=\"regionen-liste\" aria-label=\"Regionen des Verbandes\">\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"koethen\"\n    >\n      &#x1f3e1; K\u00f6then (Anhalt)\n    <\/a>\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"zoerbig\"\n    >\n      &#x1f3e1; Z\u00f6rbig\n    <\/a>\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"sandersdorf\"\n    >\n      &#x1f3e1; Sandersdorf-Brehna\n    <\/a>\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"bitterfeld\"\n    >\n      &#x1f3e1; Bitterfeld-Wolfen\n    <\/a>\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"raguhn\"\n    >\n      &#x1f3e1; Raguhn-Je\u00dfnitz\n    <\/a>\n\n    <a\n      class=\"regionen-link\"\n      href=\"#\"\n      data-region=\"muldestausee\"\n    >\n      &#x1f3e1; Muldestausee\n    <\/a>\n\n  <\/nav>\n\n  <!-- Rechte Karte -->\n  <div\n    class=\"regionen-bildbereich\"\n    aria-label=\"Karte des Regionalverbandes\"\n  >\n\n<div class=\"regionen-bildbereich\">\n\n   <img decoding=\"async\"\n  src=\"https:\/\/gartenkreisverband-bitterfeld.de\/wp-content\/uploads\/2026\/08\/Designer-8.png\"\n  alt=\"Testkarte\"\n  style=\"max-width:550px;width:100%;height:auto;\"\n>\n\n    <span\n      class=\"regionen-marker marker-koethen\"\n      data-marker=\"koethen\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n      class=\"regionen-marker marker-zoerbig\"\n      data-marker=\"zoerbig\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n      class=\"regionen-marker marker-sandersdorf\"\n      data-marker=\"sandersdorf\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n      class=\"regionen-marker marker-bitterfeld\"\n      data-marker=\"bitterfeld\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n      class=\"regionen-marker marker-raguhn\"\n      data-marker=\"raguhn\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n      class=\"regionen-marker marker-muldestausee\"\n      data-marker=\"muldestausee\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  const kartenbereiche = document.querySelectorAll(\".regionen-karte\");\n\n  kartenbereiche.forEach(function (kartenbereich) {\n    if (kartenbereich.dataset.regionenInitialisiert === \"true\") {\n      return;\n    }\n\n    kartenbereich.dataset.regionenInitialisiert = \"true\";\n\n    const links = kartenbereich.querySelectorAll(\n      \".regionen-link[data-region]\"\n    );\n\n    function regionAktivieren(region) {\n      const link = kartenbereich.querySelector(\n        '.regionen-link[data-region=\"' + region + '\"]'\n      );\n\n      const marker = kartenbereich.querySelector(\n        '.regionen-marker[data-marker=\"' + region + '\"]'\n      );\n\n      if (link) {\n        link.classList.add(\"is-active\");\n      }\n\n      if (marker) {\n        marker.classList.add(\"is-active\");\n      }\n    }\n\n    function regionDeaktivieren(region) {\n      const link = kartenbereich.querySelector(\n        '.regionen-link[data-region=\"' + region + '\"]'\n      );\n\n      const marker = kartenbereich.querySelector(\n        '.regionen-marker[data-marker=\"' + region + '\"]'\n      );\n\n      if (link) {\n        link.classList.remove(\"is-active\");\n      }\n\n      if (marker) {\n        marker.classList.remove(\"is-active\");\n      }\n    }\n\n    links.forEach(function (link) {\n      const region = link.dataset.region;\n\n      link.addEventListener(\"mouseenter\", function () {\n        regionAktivieren(region);\n      });\n\n      link.addEventListener(\"mouseleave\", function () {\n        regionDeaktivieren(region);\n      });\n\n      link.addEventListener(\"focus\", function () {\n        regionAktivieren(region);\n      });\n\n      link.addEventListener(\"blur\", function () {\n        regionDeaktivieren(region);\n      });\n\n      \/*\n       * Solange noch keine Unterseiten eingetragen sind,\n       * verhindert das den Sprung zum Seitenanfang.\n       *\/\n      link.addEventListener(\"click\", function (event) {\n        if (link.getAttribute(\"href\") === \"#\") {\n          event.preventDefault();\n        }\n\n        links.forEach(function (andererLink) {\n          if (andererLink !== link) {\n            regionDeaktivieren(andererLink.dataset.region);\n          }\n        });\n\n        regionAktivieren(region);\n      });\n    });\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Noch im Aufbau &#x1f3e1; K\u00f6then (Anhalt) &#x1f3e1; Z\u00f6rbig &#x1f3e1; Sandersdorf-Brehna &#x1f3e1; Bitterfeld-Wolfen &#x1f3e1; Raguhn-Je\u00dfnitz &#x1f3e1; Muldestausee<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/pages\/2046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2046"}],"version-history":[{"count":62,"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/pages\/2046\/revisions"}],"predecessor-version":[{"id":2324,"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=\/wp\/v2\/pages\/2046\/revisions\/2324"}],"wp:attachment":[{"href":"https:\/\/gartenkreisverband-bitterfeld.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}