<!doctype html>
<html lang="de" class="notranslate" translate="no">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="preload" as="font" href="/fonts/DM-Sans/DMSans-Variable.woff2" type="font/woff2" crossorigin />
    <link rel="preload" as="font" href="/fonts/TheFuture/TheFuture-Bold.woff2" type="font/woff2" crossorigin />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
    />
    <meta name="theme-color" content="#ffffff" />
    <meta name="description" content="Architektur und Mediendatenbank" />
    <!-- iOS Icons for better home screen quality -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
    <!-- Default apple touch icon -->
    <link rel="apple-touch-icon" href="/apple-icon-180x180.png" />
    <link rel="manifest" href="/manifest.json" />
    <link
      href="https://api.mapbox.com/mapbox-gl-js/v3.11.0/mapbox-gl.css"
      rel="stylesheet"
    />
    <script src="https://api.mapbox.com/mapbox-gl-js/v3.11.0/mapbox-gl.js"></script>
    <title>amenda</title>
    <script>
      // Prevent flash of wrong theme on load
      (function() {
        try {
          var stored = JSON.parse(localStorage.getItem('amenda-theme') || '{}');
          var mode = stored.state && stored.state.themeMode || 'light';
          var dark = mode === 'dark' || (mode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
          if (dark) {
            document.documentElement.classList.add('dark');
            document.querySelector('meta[name="theme-color"]').content = '#111827';
          }
        } catch(e) {}
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-DV83vh7G.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-monitoring-DUwzlS2A.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-OkSO_6Qx.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-auth-dEvBy1Xf.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-ui-CdM4JpPf.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-charts-D8D70MoU.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-forms-CowLeD53.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-lodash-D5toWEw4.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-dates-DJOZccfp.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-dnd-DwUH_ruI.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-graphql-B52bgZFM.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-DHlj3sAr.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-tanstack-DAQ5r7X8.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CuvGULOt.css">
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>
