diff --git a/oereb_client/static/src/component/responsible_office/responsible_office.jsx b/oereb_client/static/src/component/responsible_office/responsible_office.jsx
index f0fdcdb2..5579631b 100644
--- a/oereb_client/static/src/component/responsible_office/responsible_office.jsx
+++ b/oereb_client/static/src/component/responsible_office/responsible_office.jsx
@@ -26,13 +26,22 @@ const OerebResponsibleOffice = function (props) {
   const officeElements = offices.map((office, key) => {
     const localizedName = getLocalizedText(office['Name'], currentLanguage, defaultLanguage);
     const localizedUrl = getLocalizedText(office['OfficeAtWeb'], currentLanguage, defaultLanguage);
-    return (
-      <dd key={key} className="ms-2">
-        <a href={localizedUrl} target="_blank" rel="noreferrer">
+    if (localizedUrl === null) {
+      return (
+        <dd key={key} className="ms-2">
           {localizedName}
-        </a>
-      </dd>
-    );
+        </dd>
+      );
+    }
+    else {
+      return (
+        <dd key={key} className="ms-2">
+          <a href={localizedUrl} target="_blank" rel="noreferrer">
+            {localizedName}
+          </a>
+        </dd>
+      );
+    }
   });
 
   return (
diff --git a/oereb_client/static/src/util/language.js b/oereb_client/static/src/util/language.js
index 18861f30..4e594364 100644
--- a/oereb_client/static/src/util/language.js
+++ b/oereb_client/static/src/util/language.js
@@ -1,5 +1,7 @@
+import {isArray} from "lodash";
+
 export const getLocalizedText = function (multilingualText, language, defaultLanguage) {
-  if (multilingualText.length > 0) {
+  if (isArray(multilingualText) && multilingualText.length > 0) {
     let defaultValue = null;
     for (let i = 0; i < multilingualText.length; i++) {
       if (multilingualText[i]['Language'] === language) {
@@ -18,7 +20,7 @@ export const getLocalizedText = function (multilingualText, language, defaultLan
 };
 
 export const getLocalizedUrl = function (multilingualUrl, language, defaultLanguage) {
-  if (multilingualUrl.length > 0) {
+  if (isArray(multilingualUrl) && multilingualUrl.length > 0) {
     let defaultValue = null;
     for (let i = 0; i < multilingualUrl.length; i++) {
       if (multilingualUrl[i]['Language'] === language) {
diff --git a/test/js/component/app/__snapshots__/app.test.js.snap b/test/js/component/app/__snapshots__/app.test.js.snap
deleted file mode 100644
index d8e4e60d..00000000
--- a/test/js/component/app/__snapshots__/app.test.js.snap
+++ /dev/null
@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`app component should render app element 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-app"
-  >
-    <div>
-      Mocked Map
-    </div>
-    <div>
-      Mocked Information Panel
-    </div>
-    <div>
-      Mocked Extract
-    </div>
-    <div>
-      Mocked Menu
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/availability_layer/__snapshots__/availability_layer.test.js.snap b/test/js/component/availability_layer/__snapshots__/availability_layer.test.js.snap
deleted file mode 100644
index 0fba85bb..00000000
--- a/test/js/component/availability_layer/__snapshots__/availability_layer.test.js.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`availability layer component should render availability layer element 1`] = `<DocumentFragment />`;
diff --git a/test/js/component/category/__snapshots__/category.test.js.snap b/test/js/component/category/__snapshots__/category.test.js.snap
deleted file mode 100644
index 24738e3b..00000000
--- a/test/js/component/category/__snapshots__/category.test.js.snap
+++ /dev/null
@@ -1,310 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`category component should render category with and without restrictions 1`] = `
-<DocumentFragment>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions initially shown
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse show"
-      style=""
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button collapsed ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button collapsed ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test without restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            10
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-    >
-      <div>
-        Mocked topics without restrictions
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`category component should render category with and without restrictions 2`] = `
-<DocumentFragment>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1 collapsed"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions initially shown
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-      style=""
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse show"
-      style=""
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button collapsed ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test without restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            10
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-    >
-      <div>
-        Mocked topics without restrictions
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`category component should render category with and without restrictions 3`] = `
-<DocumentFragment>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1 collapsed"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions initially shown
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-      style=""
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1 collapsed"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test with restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            5
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-      style=""
-    >
-      <div>
-        Mocked topics with restrictions
-      </div>
-    </div>
-  </div>
-  <div
-    class="accordion-item mt-3 oereb-client-category"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button ps-1"
-        type="button"
-      >
-        <div
-          class="container-fluid"
-        >
-          <strong>
-            Test without restrictions
-          </strong>
-          <span
-            class="badge rounded-pill bg-secondary float-end"
-          >
-            10
-          </span>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse show"
-      style=""
-    >
-      <div>
-        Mocked topics without restrictions
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/documents/__snapshots__/documents.test.js.snap b/test/js/component/documents/__snapshots__/documents.test.js.snap
deleted file mode 100644
index f94302b7..00000000
--- a/test/js/component/documents/__snapshots__/documents.test.js.snap
+++ /dev/null
@@ -1,186 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`documents component should render documents 1`] = `
-<DocumentFragment>
-  <dl
-    class="oereb-client-documents mb-2"
-  >
-    <dt>
-      extract.topic.document.legal_provisions
-    </dt>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Baugesetz, 3891.100
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="https://oereb-gr-preview.000.ch/api/attachments/197"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://oereb-gr-preview.000.ch/api/attachments/197
-          </a>
-        </li>
-        <li>
-          <a
-            href="https://oereb-gr-preview.000.ch/api/attachments/198"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://oereb-gr-preview.000.ch/api/attachments/198
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Revision Ortsplanung, 07.447
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="https://oereb-gr-preview.000.ch/api/attachments/213"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://oereb-gr-preview.000.ch/api/attachments/213
-          </a>
-        </li>
-        <li>
-          <a
-            href="https://oereb-gr-preview.000.ch/api/attachments/214"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://oereb-gr-preview.000.ch/api/attachments/214
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dt>
-      extract.topic.document.laws
-    </dt>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Raumplanungsverordnung für den Kanton Graubünden (KRVO), BR 801.110
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (RPG), SR 700
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="http://www.lexfind.ch/dtah/167348/2"
-            rel="noreferrer"
-            target="_blank"
-          >
-            http://www.lexfind.ch/dtah/167348/2
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Raumplanungsgesetz für den Kanton Graubünden (KRG), BR 801.100
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de"
-            rel="noreferrer"
-            target="_blank"
-          >
-            https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dt>
-      extract.topic.document.hints
-    </dt>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Guter Ratschlag
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="http://example.com/goodhint1"
-            rel="noreferrer"
-            target="_blank"
-          >
-            http://example.com/goodhint1
-          </a>
-        </li>
-        <li>
-          <a
-            href="http://example.com/goodhint2"
-            rel="noreferrer"
-            target="_blank"
-          >
-            http://example.com/goodhint2
-          </a>
-        </li>
-      </ul>
-    </dd>
-    <dd
-      class="oereb-client-document ms-2"
-    >
-      <span>
-        Seht guter Ratschlag mit langem titel: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis venenatis posuere. Nunc sollicitudin fermentum bibendum. Nulla ut massa enim. Sed rhoncus euismod venenatis
-      </span>
-      <ul
-        class="ps-2 mb-2"
-      >
-        <li>
-          <a
-            href="http://example.com/goodhint3"
-            rel="noreferrer"
-            target="_blank"
-          >
-            http://example.com/goodhint3
-          </a>
-        </li>
-      </ul>
-    </dd>
-  </dl>
-</DocumentFragment>
-`;
diff --git a/test/js/component/external_viewer/__snapshots__/external_viewer.test.js.snap b/test/js/component/external_viewer/__snapshots__/external_viewer.test.js.snap
deleted file mode 100644
index 08d54375..00000000
--- a/test/js/component/external_viewer/__snapshots__/external_viewer.test.js.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`external viewer component should not render button 1`] = `<DocumentFragment />`;
-
-exports[`external viewer component should render button 1`] = `
-<DocumentFragment>
-  <button
-    class="btn btn-outline-secondary oereb-client-external-viewer"
-    title="WebGIS"
-    type="button"
-  >
-    <i
-      class="bi bi-map"
-    />
-  </button>
-</DocumentFragment>
-`;
diff --git a/test/js/component/extract/__snapshots__/extract.test.js.snap b/test/js/component/extract/__snapshots__/extract.test.js.snap
deleted file mode 100644
index aebad190..00000000
--- a/test/js/component/extract/__snapshots__/extract.test.js.snap
+++ /dev/null
@@ -1,2687 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`extract component should render error message 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-extract-wrapper shown"
-  >
-    <div
-      class="oereb-client-extract oereb-client-extract-error container-fluid"
-    >
-      <p
-        class="text-end"
-      >
-        <button
-          class="btn btn-outline-secondary"
-          type="button"
-        >
-          <i
-            class="bi bi-x-lg"
-          />
-        </button>
-      </p>
-      <h3>
-        <i
-          class="bi bi-exclamation-circle-fill text-secondary"
-        />
-         extract.error.title
-      </h3>
-      <p>
-        extract.error.message
-      </p>
-      <p
-        class="text-center"
-      >
-        <button
-          class="btn btn-secondary"
-        >
-          extract.error.button.text
-        </button>
-      </p>
-      <p>
-        extract.error.support.message
-      </p>
-      <address>
-        <strong>
-          Amt für Geoinformation
-        </strong>
-        <span>
-          <br />
-          GIS-Fachstelle
-        </span>
-        <span>
-          <br />
-          Mühlemattstrasse 36
-        </span>
-        <span>
-          <br />
-          4410 Liestal
-        </span>
-        <span>
-          <br />
-          <i
-            class="bi bi-telephone-fill"
-            title="extract.error.support.phone.title"
-          />
-           061 552 56 73
-        </span>
-        <span>
-          <br />
-          <i
-            class="bi bi-envelope-fill"
-            title="extract.error.support.email.title"
-          />
-           
-          <a
-            href="mailto:support.gis@bl.ch"
-          >
-            support.gis@bl.ch
-          </a>
-        </span>
-      </address>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`extract component should render extract data 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-extract-wrapper shown"
-  >
-    <div
-      class="oereb-client-extract data container-fluid d-flex flex-column justify-content-start align-items-stretch"
-    >
-      <div>
-        <div
-          class="btn-group float-end"
-          role="group"
-        >
-          <button
-            class="btn btn-outline-secondary collapse-extract"
-            title="extract.hide"
-            type="button"
-          >
-            <i
-              class="bi bi-chevron-up"
-            />
-          </button>
-          <button
-            class="btn btn-outline-secondary"
-            type="button"
-          >
-            <i
-              class="bi bi-x-lg"
-            />
-          </button>
-        </div>
-        <div
-          class="btn-group float-start"
-          role="group"
-        >
-          <button
-            class="btn btn-outline-secondary oereb-client-permalink"
-            title="extract.permalink.title"
-            type="button"
-          >
-            <i
-              class="bi bi-link-45deg"
-            />
-          </button>
-          <button
-            class="btn btn-outline-secondary oereb-client-static-extract"
-            title="extract.static_extract.title"
-            type="button"
-          >
-            <i
-              class="bi bi-file-earmark-pdf"
-            />
-          </button>
-          <button
-            class="btn btn-outline-secondary"
-            title="extract.information_panel.button.title"
-            type="button"
-          >
-            <i
-              class="bi bi-info-square"
-            />
-          </button>
-        </div>
-      </div>
-      <div
-        class="container-fluid mt-3 oereb-client-real-estate"
-      >
-        <h5>
-          Liegenschaft 70 extract.real_estate.at Oberwil (BL)
-        </h5>
-        <div
-          class="row row-cols-2"
-        >
-          <div
-            class="col-3"
-          >
-            <strong>
-              extract.real_estate.egrid:
-            </strong>
-          </div>
-          <div
-            class="col-9"
-          >
-            CH1234
-          </div>
-        </div>
-        <div
-          class="row row-cols-2"
-        >
-          <div
-            class="col-3"
-          >
-            <strong>
-              extract.real_estate.area:
-            </strong>
-          </div>
-          <div
-            class="col-9"
-          >
-            35121 m²
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion accordion-flush flex-grow-1 mt-1 mb-2 oereb-client-extract-data"
-      >
-        <div
-          class="accordion-item mt-3 oereb-client-category"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button collapsed ps-1"
-              type="button"
-            >
-              <div
-                class="container-fluid"
-              >
-                <strong>
-                  extract.category.concerned_theme
-                </strong>
-                <span
-                  class="badge rounded-pill bg-secondary float-end"
-                >
-                  5
-                </span>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body p-0 oereb-client-topic-list-with-restrictions"
-            >
-              <div
-                class="accordion accordion-flush"
-              >
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Nutzungsplanung (kantonal/kommunal): Grundnutzung
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Änderung mit Vorwirkung
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol3.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                101 m
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Änderung ohne Vorwirkung
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol3.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                63 m
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Nutzungsplanung (kantonal/kommunal): Überlagernde Elemente
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Rechtskräftig
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                <span>
-                                  3608 m
-                                  <sup>
-                                    2
-                                  </sup>
-                                </span>
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                10.3%
-                              </td>
-                            </tr>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol1.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                2
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Änderung mit Vorwirkung
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                <span>
-                                  7824 m
-                                  <sup>
-                                    2
-                                  </sup>
-                                </span>
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                22.3%
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Revision Ortsplanung, 07.447
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/214
-                                </a>
-                              </li>
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/213
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (AltlV), SR 700
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.lexfind.ch/dtah/167348/2"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.lexfind.ch/dtah/167348/2
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Kataster der belasteten Standorte im Bereich der zivilen Flugplätze
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Rechtskräftig
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol1.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, keine schädlichen oder lästigen Einwirkungen zu erwarten
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                1
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              BL-Ditt-3-I-01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://map.geo.admin.ch/?zoom=12&bgLayer=ch.swisstopo.swissimage&layers=ch.bazl.kataster-belasteter-standorte-zivilflugplaetze&layers_opacity=0.75&layers_visibility=true&Y=2603990&X=1254150&lang=de"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://map.geo.admin.ch/?zoom=12&bgLayer=ch.swisstopo.swissimage&layers=ch.bazl.kataster-belasteter-standorte-zivilflugplaetze&layers_opacity=0.75&layers_visibility=true&Y=2603990&X=1254150&lang=de
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bazl.admin.ch/bazl/de/home/fachleute/flugplaetze/kataster-der-belasteten-standorte-auf-zivilflugplaetzen--kbs-baz.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Zivilluftfahrt BAZL
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Kataster der belasteten Standorte im Bereich des öffentlichen Verkehrs
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Rechtskräftig
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                <span>
-                                  3608 m
-                                  <sup>
-                                    2
-                                  </sup>
-                                </span>
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                10.3%
-                              </td>
-                            </tr>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol1.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                2
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Änderung mit Vorwirkung
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                <span>
-                                  7824 m
-                                  <sup>
-                                    2
-                                  </sup>
-                                </span>
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                22.3%
-                              </td>
-                            </tr>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol3.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                101 m
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Revision Ortsplanung, 07.447
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/214
-                                </a>
-                              </li>
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/213
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (AltlV), SR 700
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.lexfind.ch/dtah/167348/2"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.lexfind.ch/dtah/167348/2
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.hints
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Änderung ohne Vorwirkung
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol3.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                63 m
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Grundwasserschutzzonen
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Rechtskräftig
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Fassungsbereich (Zone S1)
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                <span>
-                                  7824 m
-                                  <sup>
-                                    2
-                                  </sup>
-                                </span>
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                22.3%
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              B61001
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Umweltschutzgesetz (USG), SR 814.01
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_01.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Altlasten-Verordnung (AltlV), SR 814.680
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.admin.ch/ch/d/sr/c814_680.html
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="accordion-item"
-                >
-                  <div
-                    class="accordion-item p-2 ps-3"
-                  >
-                    <strong>
-                      Statische Waldgrenzen
-                    </strong>
-                  </div>
-                  <div
-                    class="accordion-item oereb-client-topic"
-                  >
-                    <h2
-                      class="accordion-header"
-                    >
-                      <button
-                        class="accordion-button pt-2 pb-2 collapsed"
-                        type="button"
-                      >
-                        <div
-                          class="oereb-topic-lawstatus"
-                        >
-                          <small
-                            class="fst-italic"
-                          >
-                            Rechtskräftig
-                          </small>
-                        </div>
-                      </button>
-                    </h2>
-                    <div
-                      class="accordion-collapse collapse"
-                    >
-                      <div
-                        class="accordion-body"
-                      >
-                        <div
-                          class="row align-items-center mb-2"
-                        >
-                          <div
-                            class="col-3"
-                          >
-                            <small>
-                              extract.topic.opacity:
-                            </small>
-                          </div>
-                          <div
-                            class="col-2 pe-2 text-end"
-                          >
-                            <small>
-                              100%
-                            </small>
-                          </div>
-                          <div
-                            class="col-7"
-                          >
-                            <input
-                              class="form-range align-middle"
-                              max="100"
-                              min="0"
-                              type="range"
-                              value="100"
-                            />
-                          </div>
-                        </div>
-                        <table
-                          class="table table-sm mb-2 oereb-client-legend"
-                        >
-                          <thead>
-                            <tr>
-                              <th>
-                                extract.topic.legend.type
-                              </th>
-                              <th />
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part
-                              </th>
-                              <th
-                                class="text-end text-nowrap"
-                              >
-                                extract.topic.legend.part_in_percent
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td
-                                class="oereb-client-symbol-cell"
-                              >
-                                <img
-                                  class="oereb-client-symbol"
-                                  src="samples/static/symbol2.png"
-                                />
-                              </td>
-                              <td
-                                class="oereb-client-legend-text"
-                              >
-                                Belastet, untersuchungsbedürftig
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              >
-                                202 m
-                              </td>
-                              <td
-                                class="oereb-client-legend-text text-end text-nowrap"
-                              />
-                            </tr>
-                          </tbody>
-                        </table>
-                        <dl
-                          class="oereb-client-documents mb-2"
-                        >
-                          <dt>
-                            extract.topic.document.legal_provisions
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Baugesetz, 3891.100
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/197"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/197
-                                </a>
-                              </li>
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/198"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/198
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Revision Ortsplanung, 07.447
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/213
-                                </a>
-                              </li>
-                              <li>
-                                <a
-                                  href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://oereb-gr-preview.000.ch/api/attachments/214
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.laws
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Raumplanungsverordnung für den Kanton Graubünden (KRVO), BR 801.110
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (RPG), SR 700
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://www.lexfind.ch/dtah/167348/2"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://www.lexfind.ch/dtah/167348/2
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Raumplanungsgesetz für den Kanton Graubünden (KRG), BR 801.100
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dt>
-                            extract.topic.document.hints
-                          </dt>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Guter Ratschlag
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://example.com/goodhint1"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://example.com/goodhint1
-                                </a>
-                              </li>
-                              <li>
-                                <a
-                                  href="http://example.com/goodhint2"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://example.com/goodhint2
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                          <dd
-                            class="oereb-client-document ms-2"
-                          >
-                            <span>
-                              Seht guter Ratschlag mit langem titel: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis venenatis posuere. Nunc sollicitudin fermentum bibendum. Nulla ut massa enim. Sed rhoncus euismod venenatis
-                            </span>
-                            <ul
-                              class="ps-2 mb-2"
-                            >
-                              <li>
-                                <a
-                                  href="http://example.com/goodhint3"
-                                  rel="noreferrer"
-                                  target="_blank"
-                                >
-                                  http://example.com/goodhint3
-                                </a>
-                              </li>
-                            </ul>
-                          </dd>
-                        </dl>
-                        <dl
-                          class="oereb-client-responsible-office border-top pt-2 mb-2"
-                        >
-                          <dt>
-                            extract.topic.responsible_office
-                          </dt>
-                          <dd
-                            class="ms-2"
-                          >
-                            <a
-                              href="https://www.bav.admin.ch/bav/de/home.html"
-                              rel="noreferrer"
-                              target="_blank"
-                            >
-                              Bundesamt für Verkehr BAV
-                            </a>
-                          </dd>
-                        </dl>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item mt-3 oereb-client-category"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button collapsed ps-1"
-              type="button"
-            >
-              <div
-                class="container-fluid"
-              >
-                <strong>
-                  extract.category.not_concerned_theme
-                </strong>
-                <span
-                  class="badge rounded-pill bg-secondary float-end"
-                >
-                  10
-                </span>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body p-0 oereb-client-topic-list-without-restrictions"
-            >
-              <ul
-                class="list-group list-group-flush"
-              >
-                <li
-                  class="list-group-item"
-                >
-                  Projektierungszonen Nationalstrassen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Projektierungszonen Eisenbahnanlagen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Baulinien Eisenbahnanlagen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Projektierungszonen Flughafenanlagen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Baulinien Flughafenanlagen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Sicherheitszonenplan
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Kataster der belasteten Standorte
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Grundwasserschutzareale
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Lärmempfindlichkeitsstufen (in Nutzungszonen)
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Waldabstandslinien
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item mt-3 oereb-client-category"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button collapsed ps-1"
-              type="button"
-            >
-              <div
-                class="container-fluid"
-              >
-                <strong>
-                  extract.category.theme_without_data
-                </strong>
-                <span
-                  class="badge rounded-pill bg-secondary float-end"
-                >
-                  2
-                </span>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body p-0 oereb-client-topic-list-without-restrictions"
-            >
-              <ul
-                class="list-group list-group-flush"
-              >
-                <li
-                  class="list-group-item"
-                >
-                  Baulinien Nationalstrassen
-                </li>
-                <li
-                  class="list-group-item"
-                >
-                  Kataster der belasteten Standorte im Bereich des Militärs
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`extract component should render loading message 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-extract-wrapper loading"
-  >
-    <div
-      class="oereb-client-extract oereb-client-extract-loading container-fluid"
-    >
-      <p
-        class="text-center align-middle pt-5"
-      >
-        <i
-          class="spinner-grow spinner-grow-sm"
-        />
-         extract.loading.message
-      </p>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/information_panel/__snapshots__/information_panel.test.js.snap b/test/js/component/information_panel/__snapshots__/information_panel.test.js.snap
deleted file mode 100644
index 3d4be81a..00000000
--- a/test/js/component/information_panel/__snapshots__/information_panel.test.js.snap
+++ /dev/null
@@ -1,977 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`information panel component should filter glossary results 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-information-panel container-fluid d-flex flex-column hidden"
-  >
-    <div
-      class="mb-4 oereb-client-information-panel-nav-mobile"
-    >
-      <div
-        class="d-flex"
-      >
-        <ul
-          class="nav nav-pills nav-justified flex-column"
-        >
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.general_information.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.exclusion_of_liability.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link active"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.glossary.title
-              </span>
-            </button>
-          </li>
-        </ul>
-        <div
-          class="flex-grow-1 text-end ms-4"
-        >
-          <button
-            class="btn btn-outline-secondary text-body"
-          >
-            <i
-              class="bi bi-x-lg"
-            />
-          </button>
-        </div>
-      </div>
-      <div
-        class="mt-2"
-      >
-        <input
-          class="form-control"
-          placeholder="extract.information_panel.search.placeholder"
-        />
-      </div>
-    </div>
-    <div
-      class="flex-grow-1 content-wrapper"
-    >
-      <div
-        class="container-fluid oereb-client-catalog"
-      >
-        <ul
-          class="list-group list-group-flush"
-        >
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              <span>
-                <span />
-                <mark
-                  class="ps-0 pe-0"
-                >
-                  KbS
-                </mark>
-                <span />
-              </span>
-            </p>
-            <p
-              class="m-0"
-            >
-              <span>
-                <span>
-                  Kataster der belasteten Standorte
-                </span>
-              </span>
-            </p>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`information panel component should render disclaimer 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-information-panel container-fluid d-flex flex-column hidden"
-  >
-    <div
-      class="mb-4 oereb-client-information-panel-nav-mobile"
-    >
-      <div
-        class="d-flex"
-      >
-        <ul
-          class="nav nav-pills nav-justified flex-column"
-        >
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.general_information.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link active"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.exclusion_of_liability.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.glossary.title
-              </span>
-            </button>
-          </li>
-        </ul>
-        <div
-          class="flex-grow-1 text-end ms-4"
-        >
-          <button
-            class="btn btn-outline-secondary text-body"
-          >
-            <i
-              class="bi bi-x-lg"
-            />
-          </button>
-        </div>
-      </div>
-      <div
-        class="mt-2"
-      >
-        <input
-          class="form-control"
-          placeholder="extract.information_panel.search.placeholder"
-        />
-      </div>
-    </div>
-    <div
-      class="flex-grow-1 content-wrapper"
-    >
-      <div
-        class="container-fluid oereb-client-catalog"
-      >
-        <ul
-          class="list-group list-group-flush"
-        >
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Eigentumsbeschränkungen im Grundbuch
-            </p>
-            <p
-              class="m-0"
-            >
-              Zusätzlich zu den Angaben in diesem Auszug können Eigentumsbeschränkungen auch im Grundbuch angemerkt sein.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Haftungsausschluss Kataster der belasteten Standorte (KbS)
-            </p>
-            <p
-              class="m-0"
-            >
-              Der Kataster der belasteten Standorte (KbS) wurde anhand der vom Bundesamt für Umwelt BAFU festgelegten Kriterien erstellt und wird fortwährend aufgrund neuer Erkenntnisse (z.B. Untersuchungen) aktualisiert. Die im KbS eingetragenen Flächen können vom tatsächlichen Ausmass der Belastung abweichen. Erscheint ein Grundstück nicht im KbS, besteht keine absolute Gewähr, dass das Areal frei von jeglichen Abfall- oder Schadstoffbelastungen ist. Bahnbetrieblich, militärisch und für die Luftfahrt genutzte Standorte liegen im Zuständigkeitsbereich des Bundes.
-            </p>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`information panel component should render general information 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-information-panel container-fluid d-flex flex-column hidden"
-  >
-    <div
-      class="mb-4 oereb-client-information-panel-nav-mobile"
-    >
-      <div
-        class="d-flex"
-      >
-        <ul
-          class="nav nav-pills nav-justified flex-column"
-        >
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link active"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.general_information.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.exclusion_of_liability.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.glossary.title
-              </span>
-            </button>
-          </li>
-        </ul>
-        <div
-          class="flex-grow-1 text-end ms-4"
-        >
-          <button
-            class="btn btn-outline-secondary text-body"
-          >
-            <i
-              class="bi bi-x-lg"
-            />
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="flex-grow-1 content-wrapper"
-    >
-      <div
-        class="container-fluid oereb-client-general-information"
-      >
-        <div
-          class="card oereb-client-authority"
-        >
-          <div
-            class="d-flex g-0 flex-column"
-          >
-            <div>
-              <div
-                class="card-body"
-              >
-                <h5
-                  class="card-title"
-                >
-                  extract.information_panel.general_information.authority
-                </h5>
-                <p
-                  class="card-text fw-bold m-0"
-                >
-                  ÖREB-Katasteraufsichtsbehörde
-                </p>
-                <p
-                  class="card-text m-0"
-                >
-                  Seftigenstrasse 264
-                </p>
-                <p
-                  class="card-text m-0"
-                >
-                  3084 Wabern
-                </p>
-                <p
-                  class="card-text m-0"
-                >
-                  <a
-                    href="https://www.cadastre.ch/en/oereb.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    https://www.cadastre.ch/en/oereb.html
-                  </a>
-                </p>
-              </div>
-            </div>
-            <div>
-              <div
-                class="card-body"
-              >
-                <img
-                  class="img-fluid oereb-client-authority-logo"
-                  src="http://localhost:8080/samples/static/logo_canton.png"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="card mt-4 oereb-client-base-data"
-        >
-          <div
-            class="d-flex g-0"
-          >
-            <div>
-              <div
-                class="card-body"
-              >
-                <h5
-                  class="card-title"
-                >
-                  extract.information_panel.general_information.base_data
-                </h5>
-                <p
-                  class="card-text m-0"
-                >
-                  extract.information_panel.general_information.update_date_cs: 01.01.2022
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="card mt-4 oereb-client-general-information-card"
-        >
-          <div
-            class="d-flex g-0"
-          >
-            <div>
-              <div
-                class="card-body pb-1"
-              >
-                <h5
-                  class="card-title"
-                >
-                  extract.information_panel.general_information.general_information
-                </h5>
-                <p
-                  class="card-text m-0 mb-2"
-                >
-                  Der Inhalt des ÖREB-Katasters wird als bekannt vorausgesetzt. Der Kanton Basel-Landschaft ist für die Genauigkeit und Verlässlichkeit der gesetzgebenden Dokumente in elektronischer Form nicht haftbar. Der Auszug hat rein informativen Charakter und begründet insbesondere keine Rechte und Pflichten. Massgeblich sind diejenigen Dokumente, welche rechtskräftig verabschiedet oder veröffentlicht worden sind. Weitere Informationen zum ÖREB-Kataster finden Sie unter www.cadastre.ch.
-                </p>
-                <p
-                  class="card-text m-0 mb-2"
-                >
-                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="card mt-4 oereb-client-involved-parties"
-        >
-          <div
-            class="d-flex g-0"
-          >
-            <div>
-              <div
-                class="card-body"
-              >
-                <h5
-                  class="card-title"
-                >
-                  extract.information_panel.general_information.further_participants
-                </h5>
-                <div
-                  class="card-text d-flex align-items-stretch flex-column"
-                >
-                  <div
-                    class="text-center"
-                  >
-                    <img
-                      class="img-fluid oereb-client-federal-logo"
-                      src="http://localhost:8080/samples/static/logo_confederation.png"
-                    />
-                  </div>
-                  <div
-                    class="text-center"
-                  >
-                    <img
-                      class="img-fluid oereb-client-municipality-logo"
-                      src="http://localhost:8080/samples/static/diegten.png"
-                    />
-                    <p>
-                      Oberwil (BL)
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`information panel component should render glossary 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-information-panel container-fluid d-flex flex-column hidden"
-  >
-    <div
-      class="mb-4 oereb-client-information-panel-nav-mobile"
-    >
-      <div
-        class="d-flex"
-      >
-        <ul
-          class="nav nav-pills nav-justified flex-column"
-        >
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.general_information.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.exclusion_of_liability.title
-              </span>
-            </button>
-          </li>
-          <li
-            class="nav-item"
-          >
-            <button
-              class="nav-link active"
-            >
-              <span
-                class="text-body"
-              >
-                extract.information_panel.glossary.title
-              </span>
-            </button>
-          </li>
-        </ul>
-        <div
-          class="flex-grow-1 text-end ms-4"
-        >
-          <button
-            class="btn btn-outline-secondary text-body"
-          >
-            <i
-              class="bi bi-x-lg"
-            />
-          </button>
-        </div>
-      </div>
-      <div
-        class="mt-2"
-      >
-        <input
-          class="form-control"
-          placeholder="extract.information_panel.search.placeholder"
-        />
-      </div>
-    </div>
-    <div
-      class="flex-grow-1 content-wrapper"
-    >
-      <div
-        class="container-fluid oereb-client-catalog"
-      >
-        <ul
-          class="list-group list-group-flush"
-        >
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Baulinien Eisenbahnanlagen
-            </p>
-            <p
-              class="m-0"
-            >
-              Zwischen den Baulinien dürfen keine baulichen Veränderungen vorgenommen oder sonstige Massnahmen getroffen werden, die dem Zweck bestehender oder künftiger Eisenbahnanlagen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Baulinien Flughafenanlagen
-            </p>
-            <p
-              class="m-0"
-            >
-              Zwischen den Baulinien dürfen keine baulichen Veränderungen vorgenommen oder sonstige Massnahmen getroffen werden, die dem Zweck bestehender oder künftiger Flughafenanlagen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Baulinien Nationalstrassen
-            </p>
-            <p
-              class="m-0"
-            >
-              Wenn der projektierte Strassenverlauf definitiv bekannt ist, werden beiderseits der Strasse Baulinien festgelegt. Diese Baulinien ermöglichen es, die Anforderungen der Verkehrssicherheit und der Wohnhygiene sowie die Erfordernisse eines eventuellen künftigen Ausbaus der Strasse zu berücksichtigen. Zwischen den Baulinien dürfen ohne Bewilligung weder Neubauten erstellt noch Umbauten bestehender Gebäude vorgenommen werden, auch wenn diese nur teilweise in die Baulinien hineinragen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Baulinien Starkstromanlagen
-            </p>
-            <p
-              class="m-0"
-            >
-              Zwischen den Baulinien dürfen keine baulichen Veränderungen vorgenommen oder sonstige Massnahmen getroffen werden, die dem Zweck bestehender oder künftiger Starkstromanlagen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              BFS-Nr.
-            </p>
-            <p
-              class="m-0"
-            >
-              Gemeindenummer aus amtlichem Gemeindeverzeichnis; Eine vom schweizerischen Bundesamt für Statistik mit dem Amtlichen Gemeindeverzeichnis im Jahre 1986 erstmals vergebene Zahl, die der eineindeutigen Bezeichnung von territorialen Einheiten im Einzugsbereich der Schweiz dient.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              E-GRID
-            </p>
-            <p
-              class="m-0"
-            >
-              Eidgenössischer Grundstücksidentifikator; Aus einem Präfix und einer Nummer bestehende Bezeichnung, die es erlaubt, jedes in das Grundbuch aufgenommene Grundstück landesweit eindeutig zu identifizieren, und die zum Datenaustausch zwischen Informatiksystemen dient.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Eigentumsbeschränkung
-            </p>
-            <p
-              class="m-0"
-            >
-              Der Zweck aller Eigentumsbeschränkungen ist die Wahrung von Interessen anderer Personen, denen jene des Eigentümers sich in bestimmter Beziehung unterordnen müssen. Dies sind entweder die Eigentümer angrenzender Grundstücke, die Nachbarn, oder auch weitere Kreise von Privatpersonen oder endlich die Allgemeinheit selber, der Staat. Die Beschränkungen zugunsten der Nachbarn oder weiterer Privatpersonen sind regelmässig privatrechtlicher, jene zugunsten der Allgemeinheit öffentlich-rechtlicher Natur.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Gesetzliche Grundlage
-            </p>
-            <p
-              class="m-0"
-            >
-              Gesetz, Verordnung etc., das generell-abstrakt ist (generell für die Person, die nicht bekannt ist, abstrakt, weil der Perimeter ohne Karte definiert ist) und auf Bundesebene, auf kantonaler oder kommunaler Ebene erlassen worden ist und die bloss eine allgemeine Rechtsgrundlage der Eigentumsbeschränkung darstellen. Die gesetzliche Grundlage ist nicht Teil des ÖREB-Katasters. Der ÖREB-Kataster enthält aber Hinweise auf die entsprechende gesetzliche Grundlage.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Gewässerraum
-            </p>
-            <p
-              class="m-0"
-            >
-              Fliessgewässer können nur wieder naturnäher werden, wenn ausreichend Raum in den Schutz der Gewässer miteinbezogen wird. Der Gewässerraum soll weitgehend frei von neuen Anlagen bleiben; bestehende Anlagen haben jedoch Bestandesgarantie.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Grundwasserschutzareale
-            </p>
-            <p
-              class="m-0"
-            >
-              Von Kanton festgelegte Areale, die für die künftige Nutzung und Anreicherung von Grundwasservorkommen von Bedeutung sind und in dem keine Bauten und Anlagen erstellt oder Arbeiten ausgeführt werden, die künftige Nutzungs- und Anreicherungsanlagen beeinträchtigen könnten.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Grundwasserschutzzonen
-            </p>
-            <p
-              class="m-0"
-            >
-              Grundwasserschutzzonen, in denen gewährleistet werden soll, dass bei unmittelbar drohenden Gefahren wie Unfällen mit wassergefährdenden Stoffen ausreichend Zeit und Raum für die erforderlichen Massnahmen zur Verfügung stehen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Kataster der belasteten Standorte
-            </p>
-            <p
-              class="m-0"
-            >
-              Der Kataster enthält Deponien und andere durch Abfälle belastete Standorte, die saniert werden, wenn sie zu schädlichen oder lästigen Einwirkungen führen oder die konkrete Gefahr besteht, dass solche Einwirkungen entstehen. Die Behörde ermittelt die belasteten Standorte, indem sie vorhandene Angaben wie Karten, Verzeichnisse und Meldungen auswertet. Sie trägt diejenigen Standorte, deren Belastung erwiesen oder sehr wahrscheinlich ist, in den Kataster ein.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Katasterverantwortliche Stelle
-            </p>
-            <p
-              class="m-0"
-            >
-              Die katasterverantwortliche Stelle im Kanton erhält die in den ÖREB-Kataster aufzunehmenden Daten von den zuständigen Fachstellen. Sie verwaltet diese Daten und stellt sie via kantonales ÖREB-Geoportal der Öffentlichkeit zur Verfügung.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              KbS
-            </p>
-            <p
-              class="m-0"
-            >
-              Kataster der belasteten Standorte
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Lärmempfindlichkeitsstufen
-            </p>
-            <p
-              class="m-0"
-            >
-              Empfindlichkeitsstufen werden festgelegt, um jeweils bestimmte Zonen zu definieren: diejenigen, die eines erhöhten Lärmschutzes bedürfen, diejenigen, in denen keine störenden Betriebe zugelassen sind, und diejenigen, in denen mässig und stark störende Betriebe zugelassen sind.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Nutzungsplanung
-            </p>
-            <p
-              class="m-0"
-            >
-              Festlegung der Verwendung einzelner Bodenflächen für bestimmte Zwecke (z. B. Landwirtschaft, Siedlung, Wald).
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              ÖREB
-            </p>
-            <p
-              class="m-0"
-            >
-              Öffentlich-rechtliche Eigentumsbeschränkung
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              ÖREB-Kataster
-            </p>
-            <p
-              class="m-0"
-            >
-              Kataster der öffentlich-rechtlichen Eigentumsbeschränkungen
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Planungszonen
-            </p>
-            <p
-              class="m-0"
-            >
-              Zone, die ein genau bezeichnetes Gebiet umfasst, für das ein Nutzungsplan angepasst werden muss oder noch keiner vorliegt, und innerhalb derer nichts unternommen werden darf, was die Nutzungsplanung erschwert.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Projektierungszonen Eisenbahnanlagen
-            </p>
-            <p
-              class="m-0"
-            >
-              Um die freie Verfügbarkeit der für künftige Bahnbauten und -anlagen erforderlichen Grundstücke zu gewährleisten, können für genau bezeichnete Gebiete Projektierungszonen festgelegt werden. In diesen Zonen dürfen keine baulichen Veränderungen vorgenommen werden, die dem Zweck der Eisenbahnen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Projektierungszonen Flughafenanlagen
-            </p>
-            <p
-              class="m-0"
-            >
-              Um die freie Verfügbarkeit der für Flughafenanlagen erforderlichen Grundstücke zu gewährleisten, können für genau bezeichnete Gebiete Projektierungszonen festgelegt werden. In diesen Zonen dürfen keine baulichen Veränderungen vorgenommen werden, die dem Zweck der Flughafenanlagen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Projektierungszonen Leitungen mit einer Nennspannung von 220 kV oder höher
-            </p>
-            <p
-              class="m-0"
-            >
-              Um die freie Verfügbarkeit der für Flughafenanlagen erforderlichen Grundstücke zu gewährleisten, können für genau bezeichnete Gebiete Projektierungszonen festgelegt werden. In diesen Zonen dürfen keine baulichen Veränderungen vorgenommen werden, die dem Zweck der Flughafenanlagen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Projektierungszonen Nationalstrassen
-            </p>
-            <p
-              class="m-0"
-            >
-              Um die freie Verfügbarkeit des für den Bau der Nationalstrassen erforderlichen Landes zu gewährleisten, können für genau bezeichnete Gebiete Projektierungszonen festgelegt werden. In diesen Zonen dürfen keine baulichen Veränderungen vorgenommen werden, die dem Zweck der Nationalstrassen widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Rechtsvorschrift
-            </p>
-            <p
-              class="m-0"
-            >
-              Generell-konkrete Rechtsnorm, die zusammen mit den ihr zugeschriebenen Geobasisdaten die Eigentumsbeschränkung unmittelbar umschreibt und innerhalb desselben Verfahrens verabschiedet worden ist.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Sicherheitszonenplan
-            </p>
-            <p
-              class="m-0"
-            >
-              Zonenplan, in dem die Sicherheitszonen dargestellt sind und aus dem die Eigentumsbeschränkungen nach Fläche und Höhe ersichtlich sind.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Statische Waldgrenzen
-            </p>
-            <p
-              class="m-0"
-            >
-              Statische Waldgrenzen müssen auf der Grundlage rechtskräftiger Waldfeststellungen festgelegt werden. Neue Bestockungen ausserhalb dieser Waldgrenzen gelten nicht als Wald.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Vorwirkung
-            </p>
-            <p
-              class="m-0"
-            >
-              Mit der öffentlichen Auflage entsteht eine Vorwirkung: Ab diesem Zeitpunkt dürfen Bauvorhaben in der Regel nur bewilligt werden, wenn sie der öffentlich aufgelegten Planung nicht widersprechen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Waldabstandslinien
-            </p>
-            <p
-              class="m-0"
-            >
-              Bauten und Anlagen in Waldesnähe sind nur zulässig, wenn sie die Erhaltung, Pflege und Nutzung des Waldes nicht beeinträchtigen.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Waldreservate
-            </p>
-            <p
-              class="m-0"
-            >
-              Geschützte Waldfläche, die der Erhaltung der Artenvielfalt von Fauna und Flora dient.
-            </p>
-          </li>
-          <li
-            class="list-group-item"
-          >
-            <p
-              class="fw-bold m-0"
-            >
-              Zuständige Stelle
-            </p>
-            <p
-              class="m-0"
-            >
-              Durch die Gesetzgebung bezeichnete Stelle des Bundes, des Kantons oder der Gemeinde, die für das Erheben, Nachführen und Verwalten der Geobasisdaten zuständig ist.
-            </p>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/language/__snapshots__/language.test.js.snap b/test/js/component/language/__snapshots__/language.test.js.snap
deleted file mode 100644
index 48cc8d4e..00000000
--- a/test/js/component/language/__snapshots__/language.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`language component should show selected language 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-language-selector"
-  >
-    <button
-      aria-expanded="false"
-      class="btn btn-outline-secondary dropdown-toggle"
-      data-bs-toggle="dropdown"
-      title="menu.language.title"
-      type="button"
-    >
-      DE
-    </button>
-    <ul
-      class="dropdown-menu"
-    >
-      <li>
-        <button
-          class="dropdown-item"
-        >
-          EN
-        </button>
-      </li>
-      <li>
-        <button
-          class="dropdown-item"
-        >
-          DE
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`language component should update the selected language 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-language-selector"
-  >
-    <button
-      aria-expanded="false"
-      class="btn btn-outline-secondary dropdown-toggle"
-      data-bs-toggle="dropdown"
-      title="menu.language.title"
-      type="button"
-    >
-      EN
-    </button>
-    <ul
-      class="dropdown-menu"
-    >
-      <li>
-        <button
-          class="dropdown-item"
-        >
-          EN
-        </button>
-      </li>
-      <li>
-        <button
-          class="dropdown-item"
-        >
-          DE
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/legend/__snapshots__/legend.test.js.snap b/test/js/component/legend/__snapshots__/legend.test.js.snap
deleted file mode 100644
index 9f80d20f..00000000
--- a/test/js/component/legend/__snapshots__/legend.test.js.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`legend component should render legend 1`] = `
-<DocumentFragment>
-  <table
-    class="table table-sm mb-2 oereb-client-legend"
-  >
-    <thead>
-      <tr>
-        <th>
-          extract.topic.legend.type
-        </th>
-        <th />
-        <th
-          class="text-end text-nowrap"
-        >
-          extract.topic.legend.part
-        </th>
-        <th
-          class="text-end text-nowrap"
-        >
-          extract.topic.legend.part_in_percent
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td
-          class="oereb-client-symbol-cell"
-        >
-          <img
-            class="oereb-client-symbol"
-            src="samples/static/symbol2.png"
-          />
-        </td>
-        <td
-          class="oereb-client-legend-text"
-        >
-          Belastet, untersuchungsbedürftig
-        </td>
-        <td
-          class="oereb-client-legend-text text-end text-nowrap"
-        >
-          202 m
-        </td>
-        <td
-          class="oereb-client-legend-text text-end text-nowrap"
-        />
-      </tr>
-    </tbody>
-  </table>
-</DocumentFragment>
-`;
diff --git a/test/js/component/map/__snapshots__/map.test.js.snap b/test/js/component/map/__snapshots__/map.test.js.snap
deleted file mode 100644
index 7ca8c496..00000000
--- a/test/js/component/map/__snapshots__/map.test.js.snap
+++ /dev/null
@@ -1,92 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`map component should render map 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-map-wrapper"
-  >
-    <div
-      class="oereb-client-map"
-    >
-      <div
-        class="ol-viewport"
-        style="position: relative; overflow: hidden; width: 100%; height: 100%;"
-      >
-        <div
-          class="ol-unselectable ol-layers"
-          style="position: absolute; width: 100%; height: 100%; z-index: 0;"
-        />
-        <div
-          class="ol-overlaycontainer"
-          style="position: absolute; z-index: 0; width: 100%; height: 100%; pointer-events: none;"
-        />
-        <div
-          class="ol-overlaycontainer-stopevent"
-          style="position: absolute; z-index: 0; width: 100%; height: 100%; pointer-events: none;"
-        >
-          <div
-            class="ol-overlay-container ol-selectable"
-            style="position: absolute; pointer-events: auto; display: none;"
-          >
-            <div
-              class="oereb-client-overlay"
-            />
-          </div>
-          <div
-            class="ol-zoom ol-unselectable ol-control"
-            style="pointer-events: auto;"
-          >
-            <button
-              class="ol-zoom-in"
-              title="Zoom in"
-              type="button"
-            >
-              +
-            </button>
-            <button
-              class="ol-zoom-out"
-              title="Zoom out"
-              type="button"
-            >
-              –
-            </button>
-          </div>
-          <div
-            class="ol-rotate ol-unselectable ol-control ol-hidden"
-            style="pointer-events: auto;"
-          >
-            <button
-              class="ol-rotate-reset"
-              title="Reset rotation"
-              type="button"
-            >
-              <span
-                class="ol-compass"
-              >
-                ⇧
-              </span>
-            </button>
-          </div>
-          <div
-            class="ol-attribution ol-unselectable ol-control ol-collapsed"
-            style="pointer-events: auto;"
-          >
-            <button
-              aria-expanded="false"
-              title="Attributions"
-              type="button"
-            >
-              <span
-                class="ol-attribution-expand"
-              >
-                i
-              </span>
-            </button>
-            <ul />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/map_query/__snapshots__/map_query.test.js.snap b/test/js/component/map_query/__snapshots__/map_query.test.js.snap
deleted file mode 100644
index 4af9e2ae..00000000
--- a/test/js/component/map_query/__snapshots__/map_query.test.js.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`map query component should render map query 1`] = `
-<DocumentFragment>
-  <div />
-</DocumentFragment>
-`;
-
-exports[`map query component should render map query 2`] = `
-<DocumentFragment>
-  <div />
-</DocumentFragment>
-`;
-
-exports[`map query component should render map query 3`] = `
-<DocumentFragment>
-  <div />
-</DocumentFragment>
-`;
diff --git a/test/js/component/menu/__snapshots__/menu.test.js.snap b/test/js/component/menu/__snapshots__/menu.test.js.snap
deleted file mode 100644
index 7e437a0d..00000000
--- a/test/js/component/menu/__snapshots__/menu.test.js.snap
+++ /dev/null
@@ -1,509 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`menu component should render menu 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-menu d-flex flex-column pb-3"
-  >
-    <div
-      class="flex-grow-1 row justify-content-evenly"
-    >
-      <div
-        class="col"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_oereb_de.png"
-        />
-      </div>
-      <div
-        class="col text-end"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_bl.png"
-        />
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="input-group"
-      >
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle"
-          data-bs-toggle="dropdown"
-          title="menu.settings.title"
-          type="button"
-        >
-          <i
-            class="bi bi-gear-fill"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        >
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.availability
-              </span>
-            </button>
-          </li>
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.symbol_zoom
-              </span>
-            </button>
-          </li>
-        </ul>
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle disabled"
-          data-bs-toggle="dropdown"
-          title="menu.history.title"
-          type="button"
-        >
-          <i
-            class="bi bi-clock-history"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        />
-        <input
-          class="form-control"
-          placeholder="menu.search.placeholder"
-          type="text"
-          value=""
-        />
-        <button
-          class="btn btn-outline-secondary"
-          disabled=""
-          title="menu.search.reset"
-          type="button"
-        >
-          <i
-            class="bi bi-trash"
-          />
-        </button>
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`search should show GNSS coordinates 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-menu d-flex flex-column pb-3"
-  >
-    <div
-      class="flex-grow-1 row justify-content-evenly"
-    >
-      <div
-        class="col"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_oereb_de.png"
-        />
-      </div>
-      <div
-        class="col text-end"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_bl.png"
-        />
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="input-group"
-      >
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle"
-          data-bs-toggle="dropdown"
-          title="menu.settings.title"
-          type="button"
-        >
-          <i
-            class="bi bi-gear-fill"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        >
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.availability
-              </span>
-            </button>
-          </li>
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.symbol_zoom
-              </span>
-            </button>
-          </li>
-        </ul>
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle disabled"
-          data-bs-toggle="dropdown"
-          title="menu.history.title"
-          type="button"
-        >
-          <i
-            class="bi bi-clock-history"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        />
-        <input
-          class="form-control"
-          placeholder="menu.search.placeholder"
-          type="text"
-          value="7.72867 47.48910"
-        />
-        <button
-          class="btn btn-outline-secondary"
-          title="menu.search.reset"
-          type="button"
-        >
-          <i
-            class="bi bi-trash"
-          />
-        </button>
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`search should show LV95 coordinates 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-menu d-flex flex-column pb-3"
-  >
-    <div
-      class="flex-grow-1 row justify-content-evenly"
-    >
-      <div
-        class="col"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_oereb_de.png"
-        />
-      </div>
-      <div
-        class="col text-end"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_bl.png"
-        />
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="input-group"
-      >
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle"
-          data-bs-toggle="dropdown"
-          title="menu.settings.title"
-          type="button"
-        >
-          <i
-            class="bi bi-gear-fill"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        >
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.availability
-              </span>
-            </button>
-          </li>
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.symbol_zoom
-              </span>
-            </button>
-          </li>
-        </ul>
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle disabled"
-          data-bs-toggle="dropdown"
-          title="menu.history.title"
-          type="button"
-        >
-          <i
-            class="bi bi-clock-history"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        />
-        <input
-          class="form-control"
-          placeholder="menu.search.placeholder"
-          type="text"
-          value="2600000 1200000"
-        />
-        <button
-          class="btn btn-outline-secondary"
-          title="menu.search.reset"
-          type="button"
-        >
-          <i
-            class="bi bi-trash"
-          />
-        </button>
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="list-group result-list"
-      >
-        <div
-          class="list-group-item"
-        >
-          <strong>
-            menu.search.title.coordinates.lv95
-          </strong>
-          <span
-            class="badge bg-secondary float-end"
-          >
-            1
-          </span>
-        </div>
-        <button
-          class="list-group-item list-group-item-action search-result text-start"
-        >
-          2600000 1200000
-        </button>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`search should show results 1`] = `
-<DocumentFragment>
-  <div
-    class="oereb-client-menu d-flex flex-column pb-3"
-  >
-    <div
-      class="flex-grow-1 row justify-content-evenly"
-    >
-      <div
-        class="col"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_oereb_de.png"
-        />
-      </div>
-      <div
-        class="col text-end"
-      >
-        <img
-          class="img-fluid p-2"
-          src="http://localhost:8080/samples/static/logo_bl.png"
-        />
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="input-group"
-      >
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle"
-          data-bs-toggle="dropdown"
-          title="menu.settings.title"
-          type="button"
-        >
-          <i
-            class="bi bi-gear-fill"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        >
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.availability
-              </span>
-            </button>
-          </li>
-          <li>
-            <button
-              class="dropdown-item"
-            >
-              <span>
-                <i
-                  class="bi bi-check-square"
-                />
-                 menu.settings.symbol_zoom
-              </span>
-            </button>
-          </li>
-        </ul>
-        <button
-          aria-expanded="false"
-          class="btn btn-outline-secondary dropdown-toggle disabled"
-          data-bs-toggle="dropdown"
-          title="menu.history.title"
-          type="button"
-        >
-          <i
-            class="bi bi-clock-history"
-          />
-        </button>
-        <ul
-          class="dropdown-menu"
-        />
-        <input
-          class="form-control"
-          placeholder="menu.search.placeholder"
-          type="text"
-          value="abc"
-        />
-        <button
-          class="btn btn-outline-secondary"
-          title="menu.search.reset"
-          type="button"
-        >
-          <i
-            class="bi bi-trash"
-          />
-        </button>
-      </div>
-    </div>
-    <div
-      class="container-fluid"
-    >
-      <div
-        class="list-group result-list"
-      >
-        <div
-          class="list-group-item"
-        >
-          <strong>
-            Set 1
-          </strong>
-          <span
-            class="badge bg-secondary float-end"
-          >
-            2
-          </span>
-        </div>
-        <button
-          class="list-group-item list-group-item-action search-result text-start"
-        >
-          Result 1
-        </button>
-        <button
-          class="list-group-item list-group-item-action search-result text-start"
-        >
-          Result 2
-        </button>
-      </div>
-      <div
-        class="list-group result-list"
-      >
-        <div
-          class="list-group-item"
-        >
-          <strong>
-            Set 2
-          </strong>
-          <span
-            class="badge bg-secondary float-end"
-          >
-            2
-          </span>
-        </div>
-        <button
-          class="list-group-item list-group-item-action search-result text-start"
-        >
-          Result 3
-        </button>
-        <button
-          class="list-group-item list-group-item-action search-result text-start"
-        >
-          Result 4
-        </button>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/permalink/__snapshots__/permalink.test.js.snap b/test/js/component/permalink/__snapshots__/permalink.test.js.snap
deleted file mode 100644
index 0522ba01..00000000
--- a/test/js/component/permalink/__snapshots__/permalink.test.js.snap
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`permalink component should render permalink modal 1`] = `
-<DocumentFragment>
-  <button
-    class="btn btn-outline-secondary oereb-client-permalink"
-    title="extract.permalink.title"
-    type="button"
-  >
-    <i
-      class="bi bi-link-45deg"
-    />
-  </button>
-</DocumentFragment>
-`;
-
-exports[`permalink component should render permalink modal 2`] = `
-<DocumentFragment>
-  <button
-    class="btn btn-outline-secondary oereb-client-permalink"
-    title="extract.permalink.title"
-    type="button"
-  >
-    <i
-      class="bi bi-link-45deg"
-    />
-  </button>
-</DocumentFragment>
-`;
diff --git a/test/js/component/real_estate/__snapshots__/real_estate.test.js.snap b/test/js/component/real_estate/__snapshots__/real_estate.test.js.snap
deleted file mode 100644
index 4327446f..00000000
--- a/test/js/component/real_estate/__snapshots__/real_estate.test.js.snap
+++ /dev/null
@@ -1,45 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`real estate component should render real estate 1`] = `
-<DocumentFragment>
-  <div
-    class="container-fluid mt-3 oereb-client-real-estate"
-  >
-    <h5>
-      Liegenschaft 70 extract.real_estate.at Oberwil (BL)
-    </h5>
-    <div
-      class="row row-cols-2"
-    >
-      <div
-        class="col-3"
-      >
-        <strong>
-          extract.real_estate.egrid:
-        </strong>
-      </div>
-      <div
-        class="col-9"
-      >
-        CH1234
-      </div>
-    </div>
-    <div
-      class="row row-cols-2"
-    >
-      <div
-        class="col-3"
-      >
-        <strong>
-          extract.real_estate.area:
-        </strong>
-      </div>
-      <div
-        class="col-9"
-      >
-        35121 m²
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/real_estate_layer/__snapshots__/real_estate_layer.test.js.snap b/test/js/component/real_estate_layer/__snapshots__/real_estate_layer.test.js.snap
deleted file mode 100644
index 4c7101ed..00000000
--- a/test/js/component/real_estate_layer/__snapshots__/real_estate_layer.test.js.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`real estate layer component should render real estate layer element 1`] = `<DocumentFragment />`;
diff --git a/test/js/component/responsible_office/__snapshots__/responsible_office.test.js.snap b/test/js/component/responsible_office/__snapshots__/responsible_office.test.js.snap
deleted file mode 100644
index bb25925f..00000000
--- a/test/js/component/responsible_office/__snapshots__/responsible_office.test.js.snap
+++ /dev/null
@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`responsible office component should render responsible office 1`] = `
-<DocumentFragment>
-  <dl
-    class="oereb-client-responsible-office border-top pt-2 mb-2"
-  >
-    <dt>
-      extract.topic.responsible_office
-    </dt>
-    <dd
-      class="ms-2"
-    >
-      <a
-        href="https://www.bav.admin.ch/bav/de/home.html"
-        rel="noreferrer"
-        target="_blank"
-      >
-        Bundesamt für Verkehr BAV
-      </a>
-    </dd>
-  </dl>
-</DocumentFragment>
-`;
diff --git a/test/js/component/responsible_office/__snapshots__/responsible_office.test.jsx.snap b/test/js/component/responsible_office/__snapshots__/responsible_office.test.jsx.snap
index c5df34f4..c01fc49b 100644
--- a/test/js/component/responsible_office/__snapshots__/responsible_office.test.jsx.snap
+++ b/test/js/component/responsible_office/__snapshots__/responsible_office.test.jsx.snap
@@ -22,3 +22,20 @@ exports[`responsible office component > should render responsible office 1`] = `
   </dl>
 </DocumentFragment>
 `;
+
+exports[`responsible office component > should render responsible office without url 1`] = `
+<DocumentFragment>
+  <dl
+    class="oereb-client-responsible-office border-top pt-2 mb-2"
+  >
+    <dt>
+      extract.topic.responsible_office
+    </dt>
+    <dd
+      class="ms-2"
+    >
+      Bundesamt für Verkehr BAV
+    </dd>
+  </dl>
+</DocumentFragment>
+`;
diff --git a/test/js/component/responsible_office/responsible_office.test.jsx b/test/js/component/responsible_office/responsible_office.test.jsx
index fea930b1..7227359e 100644
--- a/test/js/component/responsible_office/responsible_office.test.jsx
+++ b/test/js/component/responsible_office/responsible_office.test.jsx
@@ -11,8 +11,6 @@ import extract from "../../../../samples/extract.json";
 
 describe('responsible office component', () => {
 
-  let component;
-
   beforeEach(() => {
     act(() => {
       MainStore.dispatch(initLanguages({
@@ -20,18 +18,34 @@ describe('responsible office component', () => {
         available: ['de']
       }));
     });
+  });
+
+  it('should render responsible office', () => {
     const restrictions = groupRestrictionsByTopic(
       extract.GetExtractByIdResponse.extract.RealEstate.RestrictionOnLandownership,
       extract.GetExtractByIdResponse.extract.ConcernedTheme
     )['chStatischeWaldgrenzen']['inForce'];
-    component = render(
+    const component = render(
       <Provider store={MainStore}>
         <OerebResponsibleOffice restrictions={restrictions} />
       </Provider>
     );
+    expect(component.asFragment()).toMatchSnapshot();
   });
 
-  it('should render responsible office', () => {
+  it('should render responsible office without url', () => {
+    const restrictions = groupRestrictionsByTopic(
+      extract.GetExtractByIdResponse.extract.RealEstate.RestrictionOnLandownership,
+      extract.GetExtractByIdResponse.extract.ConcernedTheme
+    )['chStatischeWaldgrenzen']['inForce'];
+    restrictions.forEach((restriction) => {
+      restriction['ResponsibleOffice']['OfficeAtWeb'] = null;
+    });
+    const component = render(
+      <Provider store={MainStore}>
+        <OerebResponsibleOffice restrictions={restrictions} />
+      </Provider>
+    );
     expect(component.asFragment()).toMatchSnapshot();
   });
 
diff --git a/test/js/component/static_extract/__snapshots__/static_extract.test.js.snap b/test/js/component/static_extract/__snapshots__/static_extract.test.js.snap
deleted file mode 100644
index d7d73185..00000000
--- a/test/js/component/static_extract/__snapshots__/static_extract.test.js.snap
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`static extract component should render static extract button 1`] = `
-<DocumentFragment>
-  <button
-    class="btn btn-outline-secondary oereb-client-static-extract"
-    title="extract.static_extract.title"
-    type="button"
-  >
-    <i
-      class="bi bi-file-earmark-pdf"
-    />
-  </button>
-</DocumentFragment>
-`;
diff --git a/test/js/component/topic/__snapshots__/topic.test.js.snap b/test/js/component/topic/__snapshots__/topic.test.js.snap
deleted file mode 100644
index d704dafd..00000000
--- a/test/js/component/topic/__snapshots__/topic.test.js.snap
+++ /dev/null
@@ -1,620 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`topic component should render topic 1`] = `
-<DocumentFragment>
-  <div
-    class="accordion-item oereb-client-topic"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button pt-2 pb-2 collapsed"
-        type="button"
-      >
-        <div
-          class="oereb-topic-lawstatus"
-        >
-          <small
-            class="fst-italic"
-          >
-            Rechtskräftig
-          </small>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapse"
-    >
-      <div
-        class="accordion-body"
-      >
-        <div
-          class="row align-items-center mb-2"
-        >
-          <div
-            class="col-3"
-          >
-            <small>
-              extract.topic.opacity:
-            </small>
-          </div>
-          <div
-            class="col-2 pe-2 text-end"
-          >
-            <small>
-              100%
-            </small>
-          </div>
-          <div
-            class="col-7"
-          >
-            <input
-              class="form-range align-middle"
-              max="100"
-              min="0"
-              type="range"
-              value="100"
-            />
-          </div>
-        </div>
-        <table
-          class="table table-sm mb-2 oereb-client-legend"
-        >
-          <thead>
-            <tr>
-              <th>
-                extract.topic.legend.type
-              </th>
-              <th />
-              <th
-                class="text-end text-nowrap"
-              >
-                extract.topic.legend.part
-              </th>
-              <th
-                class="text-end text-nowrap"
-              >
-                extract.topic.legend.part_in_percent
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td
-                class="oereb-client-symbol-cell"
-              >
-                <img
-                  class="oereb-client-symbol"
-                  src="samples/static/symbol2.png"
-                />
-              </td>
-              <td
-                class="oereb-client-legend-text"
-              >
-                Belastet, untersuchungsbedürftig
-              </td>
-              <td
-                class="oereb-client-legend-text text-end text-nowrap"
-              >
-                202 m
-              </td>
-              <td
-                class="oereb-client-legend-text text-end text-nowrap"
-              />
-            </tr>
-          </tbody>
-        </table>
-        <dl
-          class="oereb-client-documents mb-2"
-        >
-          <dt>
-            extract.topic.document.legal_provisions
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Baugesetz, 3891.100
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/197"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/197
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/198"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/198
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Revision Ortsplanung, 07.447
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/213
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/214
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dt>
-            extract.topic.document.laws
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Raumplanungsverordnung für den Kanton Graubünden (KRVO), BR 801.110
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (RPG), SR 700
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://www.lexfind.ch/dtah/167348/2"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://www.lexfind.ch/dtah/167348/2
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Raumplanungsgesetz für den Kanton Graubünden (KRG), BR 801.100
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dt>
-            extract.topic.document.hints
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Guter Ratschlag
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://example.com/goodhint1"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint1
-                </a>
-              </li>
-              <li>
-                <a
-                  href="http://example.com/goodhint2"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint2
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Seht guter Ratschlag mit langem titel: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis venenatis posuere. Nunc sollicitudin fermentum bibendum. Nulla ut massa enim. Sed rhoncus euismod venenatis
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://example.com/goodhint3"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint3
-                </a>
-              </li>
-            </ul>
-          </dd>
-        </dl>
-        <dl
-          class="oereb-client-responsible-office border-top pt-2 mb-2"
-        >
-          <dt>
-            extract.topic.responsible_office
-          </dt>
-          <dd
-            class="ms-2"
-          >
-            <a
-              href="https://www.bav.admin.ch/bav/de/home.html"
-              rel="noreferrer"
-              target="_blank"
-            >
-              Bundesamt für Verkehr BAV
-            </a>
-          </dd>
-        </dl>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`topic component should render topic 2`] = `
-<DocumentFragment>
-  <div
-    class="accordion-item oereb-client-topic"
-  >
-    <h2
-      class="accordion-header"
-    >
-      <button
-        class="accordion-button pt-2 pb-2"
-        type="button"
-      >
-        <div
-          class="oereb-topic-lawstatus"
-        >
-          <small
-            class="fst-italic"
-          >
-            Rechtskräftig
-          </small>
-        </div>
-      </button>
-    </h2>
-    <div
-      class="accordion-collapse collapsing"
-      style="height: 0px;"
-    >
-      <div
-        class="accordion-body"
-      >
-        <div
-          class="row align-items-center mb-2"
-        >
-          <div
-            class="col-3"
-          >
-            <small>
-              extract.topic.opacity:
-            </small>
-          </div>
-          <div
-            class="col-2 pe-2 text-end"
-          >
-            <small>
-              100%
-            </small>
-          </div>
-          <div
-            class="col-7"
-          >
-            <input
-              class="form-range align-middle"
-              max="100"
-              min="0"
-              type="range"
-              value="100"
-            />
-          </div>
-        </div>
-        <table
-          class="table table-sm mb-2 oereb-client-legend"
-        >
-          <thead>
-            <tr>
-              <th>
-                extract.topic.legend.type
-              </th>
-              <th />
-              <th
-                class="text-end text-nowrap"
-              >
-                extract.topic.legend.part
-              </th>
-              <th
-                class="text-end text-nowrap"
-              >
-                extract.topic.legend.part_in_percent
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td
-                class="oereb-client-symbol-cell"
-              >
-                <img
-                  class="oereb-client-symbol"
-                  src="samples/static/symbol2.png"
-                />
-              </td>
-              <td
-                class="oereb-client-legend-text"
-              >
-                Belastet, untersuchungsbedürftig
-              </td>
-              <td
-                class="oereb-client-legend-text text-end text-nowrap"
-              >
-                202 m
-              </td>
-              <td
-                class="oereb-client-legend-text text-end text-nowrap"
-              />
-            </tr>
-          </tbody>
-        </table>
-        <dl
-          class="oereb-client-documents mb-2"
-        >
-          <dt>
-            extract.topic.document.legal_provisions
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Baugesetz, 3891.100
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/197"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/197
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/198"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/198
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Revision Ortsplanung, 07.447
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/213
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://oereb-gr-preview.000.ch/api/attachments/214
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dt>
-            extract.topic.document.laws
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Raumplanungsverordnung für den Kanton Graubünden (KRVO), BR 801.110
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (RPG), SR 700
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://www.lexfind.ch/dtah/167348/2"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://www.lexfind.ch/dtah/167348/2
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Raumplanungsgesetz für den Kanton Graubünden (KRG), BR 801.100
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dt>
-            extract.topic.document.hints
-          </dt>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Guter Ratschlag
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://example.com/goodhint1"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint1
-                </a>
-              </li>
-              <li>
-                <a
-                  href="http://example.com/goodhint2"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint2
-                </a>
-              </li>
-            </ul>
-          </dd>
-          <dd
-            class="oereb-client-document ms-2"
-          >
-            <span>
-              Seht guter Ratschlag mit langem titel: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis venenatis posuere. Nunc sollicitudin fermentum bibendum. Nulla ut massa enim. Sed rhoncus euismod venenatis
-            </span>
-            <ul
-              class="ps-2 mb-2"
-            >
-              <li>
-                <a
-                  href="http://example.com/goodhint3"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  http://example.com/goodhint3
-                </a>
-              </li>
-            </ul>
-          </dd>
-        </dl>
-        <dl
-          class="oereb-client-responsible-office border-top pt-2 mb-2"
-        >
-          <dt>
-            extract.topic.responsible_office
-          </dt>
-          <dd
-            class="ms-2"
-          >
-            <a
-              href="https://www.bav.admin.ch/bav/de/home.html"
-              rel="noreferrer"
-              target="_blank"
-            >
-              Bundesamt für Verkehr BAV
-            </a>
-          </dd>
-        </dl>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/topic_layers/__snapshots__/topic_layers.test.js.snap b/test/js/component/topic_layers/__snapshots__/topic_layers.test.js.snap
deleted file mode 100644
index 1dd2975e..00000000
--- a/test/js/component/topic_layers/__snapshots__/topic_layers.test.js.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`topic layers component should render tiled topic layer element 1`] = `<DocumentFragment />`;
-
-exports[`topic layers component should render tiled topic layer element 2`] = `<DocumentFragment />`;
-
-exports[`topic layers component should render untiled topic layer element 1`] = `<DocumentFragment />`;
-
-exports[`topic layers component should render untiled topic layer element 2`] = `<DocumentFragment />`;
diff --git a/test/js/component/topic_list/__snapshots__/topic_list.test.js.snap b/test/js/component/topic_list/__snapshots__/topic_list.test.js.snap
deleted file mode 100644
index a1b51332..00000000
--- a/test/js/component/topic_list/__snapshots__/topic_list.test.js.snap
+++ /dev/null
@@ -1,2375 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`topic with restriction component should render topics 1`] = `
-<DocumentFragment>
-  <div
-    class="accordion-body p-0 oereb-client-topic-list-with-restrictions"
-  >
-    <div
-      class="accordion accordion-flush"
-    >
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Nutzungsplanung (kantonal/kommunal): Grundnutzung
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Änderung mit Vorwirkung
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol3.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      101 m
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Änderung ohne Vorwirkung
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol3.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      63 m
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Nutzungsplanung (kantonal/kommunal): Überlagernde Elemente
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Rechtskräftig
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      <span>
-                        3608 m
-                        <sup>
-                          2
-                        </sup>
-                      </span>
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      10.3%
-                    </td>
-                  </tr>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol1.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      2
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Änderung mit Vorwirkung
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      <span>
-                        7824 m
-                        <sup>
-                          2
-                        </sup>
-                      </span>
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      22.3%
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Revision Ortsplanung, 07.447
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/214
-                      </a>
-                    </li>
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/213
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (AltlV), SR 700
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.lexfind.ch/dtah/167348/2"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.lexfind.ch/dtah/167348/2
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Kataster der belasteten Standorte im Bereich der zivilen Flugplätze
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Rechtskräftig
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol1.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, keine schädlichen oder lästigen Einwirkungen zu erwarten
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      1
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    BL-Ditt-3-I-01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://map.geo.admin.ch/?zoom=12&bgLayer=ch.swisstopo.swissimage&layers=ch.bazl.kataster-belasteter-standorte-zivilflugplaetze&layers_opacity=0.75&layers_visibility=true&Y=2603990&X=1254150&lang=de"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://map.geo.admin.ch/?zoom=12&bgLayer=ch.swisstopo.swissimage&layers=ch.bazl.kataster-belasteter-standorte-zivilflugplaetze&layers_opacity=0.75&layers_visibility=true&Y=2603990&X=1254150&lang=de
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bazl.admin.ch/bazl/de/home/fachleute/flugplaetze/kataster-der-belasteten-standorte-auf-zivilflugplaetzen--kbs-baz.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Zivilluftfahrt BAZL
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Kataster der belasteten Standorte im Bereich des öffentlichen Verkehrs
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Rechtskräftig
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      <span>
-                        3608 m
-                        <sup>
-                          2
-                        </sup>
-                      </span>
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      10.3%
-                    </td>
-                  </tr>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol1.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      2
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Änderung mit Vorwirkung
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      <span>
-                        7824 m
-                        <sup>
-                          2
-                        </sup>
-                      </span>
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      22.3%
-                    </td>
-                  </tr>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol3.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      101 m
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Revision Ortsplanung, 07.447
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/214
-                      </a>
-                    </li>
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/213
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (AltlV), SR 700
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.lexfind.ch/dtah/167348/2"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.lexfind.ch/dtah/167348/2
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.hints
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Änderung ohne Vorwirkung
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol3.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      63 m
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Grundwasserschutzzonen
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Rechtskräftig
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Fassungsbereich (Zone S1)
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      <span>
-                        7824 m
-                        <sup>
-                          2
-                        </sup>
-                      </span>
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      22.3%
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    B61001
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.bav.admin.ch/dam/bav/de/dokumente/das-bav/finanzierung/faktenblatt_fernverkehr_konzessionierung.pdf.download.pdf/d_Faktenblatt_Fernverkehr_und_Konzessionierung%20.pdf
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Umweltschutzgesetz (USG), SR 814.01
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_01.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_01.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Altlasten-Verordnung (AltlV), SR 814.680
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.admin.ch/ch/d/sr/c814_680.html"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.admin.ch/ch/d/sr/c814_680.html
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="accordion-item"
-      >
-        <div
-          class="accordion-item p-2 ps-3"
-        >
-          <strong>
-            Statische Waldgrenzen
-          </strong>
-        </div>
-        <div
-          class="accordion-item oereb-client-topic"
-        >
-          <h2
-            class="accordion-header"
-          >
-            <button
-              class="accordion-button pt-2 pb-2 collapsed"
-              type="button"
-            >
-              <div
-                class="oereb-topic-lawstatus"
-              >
-                <small
-                  class="fst-italic"
-                >
-                  Rechtskräftig
-                </small>
-              </div>
-            </button>
-          </h2>
-          <div
-            class="accordion-collapse collapse"
-          >
-            <div
-              class="accordion-body"
-            >
-              <div
-                class="row align-items-center mb-2"
-              >
-                <div
-                  class="col-3"
-                >
-                  <small>
-                    extract.topic.opacity:
-                  </small>
-                </div>
-                <div
-                  class="col-2 pe-2 text-end"
-                >
-                  <small>
-                    100%
-                  </small>
-                </div>
-                <div
-                  class="col-7"
-                >
-                  <input
-                    class="form-range align-middle"
-                    max="100"
-                    min="0"
-                    type="range"
-                    value="100"
-                  />
-                </div>
-              </div>
-              <table
-                class="table table-sm mb-2 oereb-client-legend"
-              >
-                <thead>
-                  <tr>
-                    <th>
-                      extract.topic.legend.type
-                    </th>
-                    <th />
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part
-                    </th>
-                    <th
-                      class="text-end text-nowrap"
-                    >
-                      extract.topic.legend.part_in_percent
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td
-                      class="oereb-client-symbol-cell"
-                    >
-                      <img
-                        class="oereb-client-symbol"
-                        src="samples/static/symbol2.png"
-                      />
-                    </td>
-                    <td
-                      class="oereb-client-legend-text"
-                    >
-                      Belastet, untersuchungsbedürftig
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    >
-                      202 m
-                    </td>
-                    <td
-                      class="oereb-client-legend-text text-end text-nowrap"
-                    />
-                  </tr>
-                </tbody>
-              </table>
-              <dl
-                class="oereb-client-documents mb-2"
-              >
-                <dt>
-                  extract.topic.document.legal_provisions
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Baugesetz, 3891.100
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/197"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/197
-                      </a>
-                    </li>
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/198"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/198
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Revision Ortsplanung, 07.447
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/213"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/213
-                      </a>
-                    </li>
-                    <li>
-                      <a
-                        href="https://oereb-gr-preview.000.ch/api/attachments/214"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://oereb-gr-preview.000.ch/api/attachments/214
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.laws
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Raumplanungsverordnung für den Kanton Graubünden (KRVO), BR 801.110
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2934?locale=de
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Bundesgesetz über die Raumplanung (Raumplanungsgesetz, RPG) (RPG), SR 700
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://www.lexfind.ch/dtah/167348/2"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://www.lexfind.ch/dtah/167348/2
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Raumplanungsgesetz für den Kanton Graubünden (KRG), BR 801.100
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        https://www.gr-lex.gr.ch/frontend/versions/pdf_file_with_annex/2936?locale=de
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dt>
-                  extract.topic.document.hints
-                </dt>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Guter Ratschlag
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://example.com/goodhint1"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://example.com/goodhint1
-                      </a>
-                    </li>
-                    <li>
-                      <a
-                        href="http://example.com/goodhint2"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://example.com/goodhint2
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-                <dd
-                  class="oereb-client-document ms-2"
-                >
-                  <span>
-                    Seht guter Ratschlag mit langem titel: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis venenatis posuere. Nunc sollicitudin fermentum bibendum. Nulla ut massa enim. Sed rhoncus euismod venenatis
-                  </span>
-                  <ul
-                    class="ps-2 mb-2"
-                  >
-                    <li>
-                      <a
-                        href="http://example.com/goodhint3"
-                        rel="noreferrer"
-                        target="_blank"
-                      >
-                        http://example.com/goodhint3
-                      </a>
-                    </li>
-                  </ul>
-                </dd>
-              </dl>
-              <dl
-                class="oereb-client-responsible-office border-top pt-2 mb-2"
-              >
-                <dt>
-                  extract.topic.responsible_office
-                </dt>
-                <dd
-                  class="ms-2"
-                >
-                  <a
-                    href="https://www.bav.admin.ch/bav/de/home.html"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Bundesamt für Verkehr BAV
-                  </a>
-                </dd>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`topic without restriction component should render topics 1`] = `
-<DocumentFragment>
-  <div
-    class="accordion-body p-0 oereb-client-topic-list-without-restrictions"
-  >
-    <ul
-      class="list-group list-group-flush"
-    >
-      <li
-        class="list-group-item"
-      >
-        Projektierungszonen Nationalstrassen
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Projektierungszonen Eisenbahnanlagen
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Baulinien Eisenbahnanlagen
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Projektierungszonen Flughafenanlagen
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Baulinien Flughafenanlagen
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Sicherheitszonenplan
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Kataster der belasteten Standorte
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Grundwasserschutzareale
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Lärmempfindlichkeitsstufen (in Nutzungszonen)
-      </li>
-      <li
-        class="list-group-item"
-      >
-        Waldabstandslinien
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/js/component/user_guide/__snapshots__/user_guide.test.js.snap b/test/js/component/user_guide/__snapshots__/user_guide.test.js.snap
deleted file mode 100644
index 78330ca9..00000000
--- a/test/js/component/user_guide/__snapshots__/user_guide.test.js.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`user guide component should not render button 1`] = `<DocumentFragment />`;
-
-exports[`user guide component should render button 1`] = `
-<DocumentFragment>
-  <button
-    class="btn btn-outline-secondary oereb-client-user-guide"
-    title="menu.user_guide.title"
-    type="button"
-  >
-    <i
-      class="bi bi-question-circle"
-    />
-  </button>
-</DocumentFragment>
-`;
diff --git a/test/js/util/language.test.js b/test/js/util/language.test.js
index 124dd5d6..03e1e3a3 100644
--- a/test/js/util/language.test.js
+++ b/test/js/util/language.test.js
@@ -12,7 +12,15 @@ describe('getLocalizedText', () => {
     }
   ];
 
-  it('should return null', () => {
+  it('should return null for undefined input value', () => {
+    expect(getLocalizedText(undefined, 'en', 'en')).toBe(null);
+  });
+
+  it('should return null for null as input value', () => {
+    expect(getLocalizedText(null, 'en', 'en')).toBe(null);
+  });
+
+  it('should return null for empty list', () => {
     expect(getLocalizedText([], 'en', 'en')).toBe(null);
   });
 
@@ -41,7 +49,15 @@ describe('getLocalizedUrl', () => {
     }
   ];
 
-  it('should return null', () => {
+  it('should return null for undefined input value', () => {
+    expect(getLocalizedUrl(undefined, 'en', 'en')).toBe(null);
+  });
+
+  it('should return null for null as input value', () => {
+    expect(getLocalizedUrl(null, 'en', 'en')).toBe(null);
+  });
+
+  it('should return null for emtpy list', () => {
     expect(getLocalizedUrl([], 'en', 'en')).toBe(null);
   });