🚀RELEASE v0.16.1

fix: donor detail: sponsorings: unset middlename will show as "null"
close #145
2023-02-15 15:05:33 +01:00 · 2023-02-15 15:05:01 +01:00 · 2023-02-03 14:07:27 +01:00 · 2023-02-03 13:05:38 +00:00 · 2023-02-03 13:05:01 +00:00 · 2023-02-02 17:27:18 +01:00
75 changed files with 3821 additions and 1557 deletions
--- a/.devcontainer/Dockerfile
+++ b/.devcontainer/Dockerfile
@@ -0,0 +1,6 @@
 FROM mcr.microsoft.com/vscode/devcontainers/base:alpine-3.12
 RUN apk update
 RUN apk add --upgrade nodejs-current npm
 RUN npm i -g yarn rimraf
 RUN rimraf node_modules
 RUN yarn set version berry
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,20 @@
 {
 	"name": "Node.js",
 	"build": {
 		"dockerfile": "Dockerfile"
 	},
 	"settings": {
 		"terminal.integrated.shell.linux": "/bin/sh"
 	},
 	"extensions": [
 		"dbaeumer.vscode-eslint",
 		"2gua.rainbow-brackets",
 		"christian-kohler.npm-intellisense",
 		"remimarsal.prettier-now",
 		"svelte.svelte-vscode",
 		"lokalise.i18n-ally",
 		"fivethree.vscode-svelte-snippets",
 		"voorjaar.windicss-intellisense"
 	],
 	"postCreateCommand": "yarn && yarn dev --open"
 }
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,3 +1 @@
-public/env.sample.js
+public/env.sample.js
 public/workbox-*.js
 public/workbox-*.js.map
--- a/.drone.yml
+++ b/.drone.yml
@@ -27,7 +27,7 @@ name: build:dev
 steps:
  - name: run full license export
    depends_on: ["clone"]
-    image: node:alpine
+    image: registry.odit.services/hub/library/node:alpine
    commands:
      - yarn
      - yarn licenses:export
@@ -43,18 +43,23 @@ steps:
      ssh_key:
        from_secret: git_ssh
  - name: build dev
-    image: plugins/docker
+    depends_on: ["clone"]
-    depends_on: [clone]
+    image: registry.odit.services/library/drone-kaniko
    settings:
      username:
        from_secret: docker_username
      password:
        from_secret: docker_password
-      repo: registry.odit.services/lfk/frontend
+      build_args:
        - NPM_REGISTRY_DOMAIN:
          from_secret: npmjs_domain
        - NPM_REGISTRY_TOKEN:
          from_secret: npmjs_token
      repo: lfk/frontend
      tags:
        - dev
      cache: true
      registry: registry.odit.services
      mtu: 1000
 trigger:
  branch:
    - dev
@@ -67,18 +72,23 @@ type: kubernetes
 name: build:tags
 steps:
  - name: build $DRONE_TAG
-    image: plugins/docker
+    depends_on: ["clone"]
-    depends_on: [clone]
+    image: registry.odit.services/library/drone-kaniko
    settings:
      username:
        from_secret: docker_username
      password:
        from_secret: docker_password
-      repo: registry.odit.services/lfk/frontend
+      build_args:
        - NPM_REGISTRY_DOMAIN:
          from_secret: npmjs_domain
        - NPM_REGISTRY_TOKEN:
          from_secret: npmjs_token
      repo: lfk/frontend
      tags:
-        - '${DRONE_TAG}'
+        - "${DRONE_TAG}"
      cache: true
      registry: registry.odit.services
      mtu: 1000
 trigger:
  event:
  - tag
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,11 @@
 node_modules
 build
 package-lock.json
 yarn.lock
 *.map
 public/env.js
 public/sw.js
 public/index.html
 public/workbox-*.js
 svelte.config.js
 public/index.html
 /dist
 .yarn
 .pnp.js
 .yarnrc.yml
 pnpm-lock.yaml
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -5,7 +5,8 @@
        "remimarsal.prettier-now",
        "svelte.svelte-vscode",
        "lokalise.i18n-ally",
-        "fivethree.vscode-svelte-snippets"
+        "fivethree.vscode-svelte-snippets",
        "voorjaar.windicss-intellisense"
    ],
    "unwantedRecommendations": [
        "antfu.i18n-ally"
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
    "i18n-ally.localesPaths": "src/locales",
-    "i18n-ally.keystyle": "nested"
+    "i18n-ally.keystyle": "nested",
    "windicss.enableCodeFolding": false,
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,8 +2,325 @@
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 #### [0.16.1](https://git.odit.services/lfk/frontend/compare/0.16.0...0.16.1)
 - fix: donor detail: sponsorings: unset middlename will show as "null" [`#145`](https://git.odit.services/lfk/frontend/issues/145)
 #### [0.16.0](https://git.odit.services/lfk/frontend/compare/0.15.6...0.16.0)
 > 3 February 2023
 - First page for statsclients [`f299617`](https://git.odit.services/lfk/frontend/commit/f299617c600d2bba7b4405c7c3acae9fd93aefa8)
 - 🚀RELEASE v0.16.0 [`75684ef`](https://git.odit.services/lfk/frontend/commit/75684efa1ae0edb4b4d414757c5acf2a77c572e5)
 - Basic statsclient detail [`0215860`](https://git.odit.services/lfk/frontend/commit/02158605be824e5ac21a6284731138190988c794)
 - Updated Add modal [`f679330`](https://git.odit.services/lfk/frontend/commit/f679330466205e6480cd7f2b7c2b4fdc41c51525)
 - Switched drone to kaniko [`1c98005`](https://git.odit.services/lfk/frontend/commit/1c980059cff5c87c452428b53513507c2339451f)
 - Re-added copy modal [`fecb07e`](https://git.odit.services/lfk/frontend/commit/fecb07ee373dcaaeaea69fdf8d4c6ee2c257c89c)
 - Added Statsclients to sidebar [`068076d`](https://git.odit.services/lfk/frontend/commit/068076dd47373c673a25e730cb8a57c686682810)
 - Fixed imports and naming [`f3cc07c`](https://git.odit.services/lfk/frontend/commit/f3cc07c009ed0a34e61f1aad47a1a31778145439)
 - new license file version [CI SKIP] [`2c4f27a`](https://git.odit.services/lfk/frontend/commit/2c4f27a943bb35be6728bb49bd5c2263cba78165)
 - Merge pull request 'feature/143-beamershow_clients' (#144) from feature/143-beamershow_clients into dev [`53b7dec`](https://git.odit.services/lfk/frontend/commit/53b7dec7cd516c908d45591b855f4be09371f9b1)
 - Updated deletion modal [`93fc7c2`](https://git.odit.services/lfk/frontend/commit/93fc7c2e83f78dd88f15d9246127bb9e69f1a8ee)
 - Updated mounted variables [`674e6a9`](https://git.odit.services/lfk/frontend/commit/674e6a90ec23dde9377bea64c14a50e41ffa450d)
 - Removed Key after creation [`e10c648`](https://git.odit.services/lfk/frontend/commit/e10c6480a504338b21e30fdf2577e5b6c3b635db)
 - Updated docker base images [`9767553`](https://git.odit.services/lfk/frontend/commit/976755338b8621064f9a73147aa600af1f77cd51)
 - Added translation [`96c55db`](https://git.odit.services/lfk/frontend/commit/96c55db63dbfed92b78ff0e7bdab7a8cce4d76e9)
 - Pinned versions [`cff112d`](https://git.odit.services/lfk/frontend/commit/cff112d705a74a135286943298f3f344341325ac)
 - Tailwind bump [`e0cbfb0`](https://git.odit.services/lfk/frontend/commit/e0cbfb000bee59a71e06bd58a9c7ef6a0fc7091d)
 - Added missing translation [`19a333d`](https://git.odit.services/lfk/frontend/commit/19a333d7bda525fbcb3c68f3cbf85a4f925a9707)
 - Bumped apiclient [`c28f1ee`](https://git.odit.services/lfk/frontend/commit/c28f1ee0bc4456595c21858f38e52ed6f16871c5)
 - new license file version [CI SKIP] [`3a66f4c`](https://git.odit.services/lfk/frontend/commit/3a66f4c862db9f35c223cc7007b0560fef4e1d63)
 - Bumped apiclient [`28cbc5b`](https://git.odit.services/lfk/frontend/commit/28cbc5b98ca09657100e1740b83aa2617243b26b)
 - Ignore pnpm lock [`2d8c4c1`](https://git.odit.services/lfk/frontend/commit/2d8c4c1698a1675f618e85e678012f310f87c6ee)
 #### [0.15.6](https://git.odit.services/lfk/frontend/compare/0.15.5...0.15.6)
 > 19 July 2021
 - 🚀RELEASE v0.15.6 [`9fc4ad6`](https://git.odit.services/lfk/frontend/commit/9fc4ad63c4f77b46d645e83c94b51747b91247b8)
 - Fixed donations getting reduced to the first one on certificates [`2391668`](https://git.odit.services/lfk/frontend/commit/2391668a25a1e11a1409df572d77ad1635070fbc)
 - new license file version [CI SKIP] [`97054a7`](https://git.odit.services/lfk/frontend/commit/97054a71c1ab8a045762a55148124965c6994373)
 #### [0.15.5](https://git.odit.services/lfk/frontend/compare/0.15.4...0.15.5)
 > 5 July 2021
 - 🚀RELEASE v0.15.5 [`717d335`](https://git.odit.services/lfk/frontend/commit/717d33547c3378424dd720005da9952f8a753f1a)
 - Merge pull request 'Fixed kilometer conversion' (#142) from bugfix/141-runner_kilometers into dev [`997be32`](https://git.odit.services/lfk/frontend/commit/997be32679dc38c9fb0e92b6ce011057b854d99d)
 - Fixed kilometer conversion [`134f00c`](https://git.odit.services/lfk/frontend/commit/134f00c40e0c8252e7604a73151e8d6685b2c61d)
 - new license file version [CI SKIP] [`e752ee1`](https://git.odit.services/lfk/frontend/commit/e752ee12d17a4423f4364f7766eafbe7d4cef2d1)
 #### [0.15.4](https://git.odit.services/lfk/frontend/compare/0.15.3...0.15.4)
 > 5 July 2021
 - Merge pull request 'fix total donation sum in dashboard' (#140) from bugfix/139-total-donation-sum-is-wrong into dev [`#139`](https://git.odit.services/lfk/frontend/issues/139)
 - 🚀RELEASE v0.15.4 [`cc4515f`](https://git.odit.services/lfk/frontend/commit/cc4515ff66b1c1de3747d0ee6cc465574accedb7)
 - divide by 100 + toFixes(2) [`b246f2b`](https://git.odit.services/lfk/frontend/commit/b246f2b349b06d1adea318dfad58f97fb1a249bb)
 #### [0.15.3](https://git.odit.services/lfk/frontend/compare/0.15.2...0.15.3)
 > 16 April 2021
 - 🚀RELEASE v0.15.3 [`76b69d8`](https://git.odit.services/lfk/frontend/commit/76b69d851aa590ecf8caac135b72962a72e83635)
 - Small bugfix (null got displayed) 🛠 [`224f586`](https://git.odit.services/lfk/frontend/commit/224f5863683ae2543a4a435510ed2c558dc5d307)
 #### [0.15.2](https://git.odit.services/lfk/frontend/compare/0.15.1...0.15.2)
 > 16 April 2021
 - 🚀RELEASE v0.15.2 [`9add6c8`](https://git.odit.services/lfk/frontend/commit/9add6c8ff1fbeed91fe97a7cf262921b716f4e3c)
 - Footer - noopener link [`cee04c1`](https://git.odit.services/lfk/frontend/commit/cee04c1d6fb6005cefe77fb95855ab6fe2cc448f)
 - Hotfix: Team change recognition 🐞 [`cbec785`](https://git.odit.services/lfk/frontend/commit/cbec78589d2fa21f12ce87e71bff2b49c3a7d345)
 - NGINX cache assets [`e54a480`](https://git.odit.services/lfk/frontend/commit/e54a4807f70bc333396885f81d3dcc7ae6c115d9)
 #### [0.15.1](https://git.odit.services/lfk/frontend/compare/0.15.0...0.15.1)
 > 16 April 2021
 - 🚀RELEASE v0.15.1 [`a85db7c`](https://git.odit.services/lfk/frontend/commit/a85db7cb3f89881794e37a66ecd822f8ad5873f1)
 - Merge pull request '🐞🐳 fix Dockerfile' (#138) from bugfix/136-opacity_reactivity into dev [`2bd3779`](https://git.odit.services/lfk/frontend/commit/2bd3779839de16a89b91a3da93033e2a2b742ab7)
 - 🚚 move to tailwind [`07ac041`](https://git.odit.services/lfk/frontend/commit/07ac041d69b3b1810e5db538b53fe62084490f7a)
 - 🐞🐳 fix Dockerfile [`303e33c`](https://git.odit.services/lfk/frontend/commit/303e33cafb4a1be01e4c4b43f46ff0c651cb4620)
 - Dockerfile now uses selfhosted registry [`b4e689d`](https://git.odit.services/lfk/frontend/commit/b4e689dddf0b93a2794aa30ea83e8c6505d6bbfd)
 - new license file version [CI SKIP] [`98a0b03`](https://git.odit.services/lfk/frontend/commit/98a0b036c5490b4bc4992e83f3bca02be39927fa)
 - Merge pull request 'Opacity import fix bugfix/136-opacity_reactivity' (#137) from bugfix/136-opacity_reactivity into dev [`fb3f30f`](https://git.odit.services/lfk/frontend/commit/fb3f30fb1024de61ce1c541dae90374454f6ef96)
 - Added bs import fix [`6213952`](https://git.odit.services/lfk/frontend/commit/621395200751c2d42b9ad44c77e84bda03b62e83)
 #### [0.15.0](https://git.odit.services/lfk/frontend/compare/0.14.0...0.15.0)
 > 15 April 2021
 - 🚀RELEASE v0.15.0 [`5c02028`](https://git.odit.services/lfk/frontend/commit/5c02028841c68d9a284bf6971eec2b6bc2fdf1f3)
 - Merge pull request 'Mark donations as payed feature/133-donation_payments' (#135) from feature/133-donation_payments into dev [`c561b53`](https://git.odit.services/lfk/frontend/commit/c561b536705a68215d9c0a6b320587d1647bf57f)
 - Sorted translations [`c7a858e`](https://git.odit.services/lfk/frontend/commit/c7a858eed7962294bc9df3c92ce2e46b0a354796)
 - Added total donation amount to donor overview [`e42ea94`](https://git.odit.services/lfk/frontend/commit/e42ea943b7821d433fe21599edbd9f76c3128ef2)
 - Added Add Payment button to donor overview [`6e6e8b2`](https://git.odit.services/lfk/frontend/commit/6e6e8b26171f16542c101520800b4b6ea7c023d3)
 - You can now open a modal to add a payment to a donation from the donation overview [`a943aaf`](https://git.odit.services/lfk/frontend/commit/a943aaf5fce8f113dd967d3842e2b0d7d50604e9)
 - You can now add payments from the donation overview [`1dbab03`](https://git.odit.services/lfk/frontend/commit/1dbab03fe73b5e0fc011f9b0af7199bd71bc79c5)
 - Added payment updating via detail [`bdcf5d3`](https://git.odit.services/lfk/frontend/commit/bdcf5d3fc08d250377226a253642d79b2e82d624)
 - Added **all** missing toast translations [`de5aa92`](https://git.odit.services/lfk/frontend/commit/de5aa9237d261b5d47a8def35afa7f8e0089aea6)
 - You can now mark fixed donations as already paid on creation [`3d3a10a`](https://git.odit.services/lfk/frontend/commit/3d3a10aafb16d371be9471eb5172f9251fb2583f)
 - Added translations 🌎 [`d015f97`](https://git.odit.services/lfk/frontend/commit/d015f9739570c44a7a2fe6ba248c9a45c3047c62)
 - Changed top info style for donation overview [`4c2c24a`](https://git.odit.services/lfk/frontend/commit/4c2c24af2ca5c2874a583b0fd93bee147a17f449)
 - Added paid donation amount and status to donation detail [`5645eea`](https://git.odit.services/lfk/frontend/commit/5645eeaafaa4254edf1a81bc597ce0c7a9b03ff0)
 - Added total donation amount to donation overview [`961477d`](https://git.odit.services/lfk/frontend/commit/961477d5224bc44b552d2fc2851d8514116f4e20)
 - Fixed chante recognition bug for fixed donation [`0f0aae7`](https://git.odit.services/lfk/frontend/commit/0f0aae7ba4cf5dfab15d56ce48edbdbc7cb7e403)
 - Added total donation amount to donor detail [`a5f7101`](https://git.odit.services/lfk/frontend/commit/a5f71015a6557d664e9d3f505613352792fc38cb)
 - Added msiisng runner id conversion [`5761815`](https://git.odit.services/lfk/frontend/commit/57618156b49b2b0f0274f2126fef36a017d90022)
 - AddDonationModal - vertical alignment for paid status [`18acac8`](https://git.odit.services/lfk/frontend/commit/18acac83bc6532e14d36b3399d867e026d0c88ac)
 - Added missing updated comparison [`04a3038`](https://git.odit.services/lfk/frontend/commit/04a3038369f2717c43459318b7b5754ebbaa9e45)
 - DonationsOverview contrast on action [`d7d4447`](https://git.odit.services/lfk/frontend/commit/d7d44470bb08ac06594bc400608c17eeacb0434b)
 - Fixed typo [`4c0886a`](https://git.odit.services/lfk/frontend/commit/4c0886a5d9b91439967bc8f66b09a57177f967d0)
 - Fixed styling [`865254d`](https://git.odit.services/lfk/frontend/commit/865254d646b5f7de15720551c67ae649601cbcd2)
 - Changed top info style for donation detail [`000fc97`](https://git.odit.services/lfk/frontend/commit/000fc97beb14427f69d421ff2c96975dbbdc7a3a)
 #### [0.14.0](https://git.odit.services/lfk/frontend/compare/0.13.1...0.14.0)
 > 14 April 2021
 - Merge pull request 'added donor receipt list download to DonorsOverview' (#134) from feature/132-export-donors-receipt-list into dev [`#132`](https://git.odit.services/lfk/frontend/issues/132)
 - Sorted translations 🌎 [`c6c9751`](https://git.odit.services/lfk/frontend/commit/c6c97516b3981ef580d620c0c8a6fcc42f26facd)
 - Fixed typos in translations [`03676b2`](https://git.odit.services/lfk/frontend/commit/03676b2894892c3559118b93e969c063b53b081e)
 - added donor receipt list download to DonorsOverview [`d241ca5`](https://git.odit.services/lfk/frontend/commit/d241ca569838abbe9581fbd319f7f3b563cb7dcc)
 - 🚀RELEASE v0.14.0 [`9c5fc6b`](https://git.odit.services/lfk/frontend/commit/9c5fc6b61c0bb2a6d831d4a23ef8679c6e68c6a1)
 - ⏫ general version bump [`18f151c`](https://git.odit.services/lfk/frontend/commit/18f151c1fb878a74c3d1a2c2a2debf7913739417)
 - new license file version [CI SKIP] [`302caf0`](https://git.odit.services/lfk/frontend/commit/302caf015f88f77e2b2ae2b67680e79f987ad81e)
 - Switched to selfhosted images [`112eb29`](https://git.odit.services/lfk/frontend/commit/112eb29f932cd936f1d6c2308dcaeaf8cb642490)
 - ⏫ bump @odit/lfk-client-js@0.11.0 [`9ca57fa`](https://git.odit.services/lfk/frontend/commit/9ca57fac2eeabbf25142a507fb9c0fa3c90b4e74)
 - replace donationAmount with paidDonationAmount [`e90e56d`](https://git.odit.services/lfk/frontend/commit/e90e56d8b26aef23aba2bbb0c3942ba4d7feb224)
 #### [0.13.1](https://git.odit.services/lfk/frontend/compare/0.13.0...0.13.1)
 > 11 April 2021
 - 🚀RELEASE v0.13.1 [`b512cf8`](https://git.odit.services/lfk/frontend/commit/b512cf86674f1c60b5ac790985ededdfd6554185)
 - For await fix [`a24d292`](https://git.odit.services/lfk/frontend/commit/a24d2923c6e6da90d610c05183d29d47eaf2ed30)
 #### [0.13.0](https://git.odit.services/lfk/frontend/compare/0.12.5...0.13.0)
 > 11 April 2021
 - 🚀RELEASE v0.13.0 [`467808a`](https://git.odit.services/lfk/frontend/commit/467808abefe127dac66a2837fcce3197dddb140f)
 - Merge pull request 'Better org pdf generation feature/130-org_doc_splitting' (#131) from feature/130-org_doc_splitting into dev [`861f1f2`](https://git.odit.services/lfk/frontend/commit/861f1f221653283e7586aa2c67b205337fd44398)
 - Org card generation now runs in sequence [`fef14b6`](https://git.odit.services/lfk/frontend/commit/fef14b6e4fb47ad92da61de91fedce96aea26b2c)
 - Org certificate generation now runs in sequence [`509b22b`](https://git.odit.services/lfk/frontend/commit/509b22bea0dd3e4446e6ecc37d27644e9bf2ad50)
 - Org contract generation now runs in sequence [`01d2a7e`](https://git.odit.services/lfk/frontend/commit/01d2a7e6aa709b3f2d71575f705fc962e97e2742)
 - Emergency document server url change [`5476808`](https://git.odit.services/lfk/frontend/commit/5476808683a919bc34dbaea1f1ed276d49750096)
 - Fixed const -&gt; let [`7447b2f`](https://git.odit.services/lfk/frontend/commit/7447b2f4c134a585905db6733093eab13e6f7c47)
 - Hotfix: Org * generation🐞 [`ac586fe`](https://git.odit.services/lfk/frontend/commit/ac586fec5abd324d590ba99cdfe8ddddefbf95e6)
 #### [0.12.5](https://git.odit.services/lfk/frontend/compare/0.12.4...0.12.5)
 > 8 April 2021
 - 🚀RELEASE v0.12.5 [`331d737`](https://git.odit.services/lfk/frontend/commit/331d737796c82454b1c19fa1840ccc20e36d2626)
 - Merge pull request 'Added runner team's parentorg name to runenr overciew' (#129) from feature/128-runner_orgs into dev [`ef81b8a`](https://git.odit.services/lfk/frontend/commit/ef81b8adf9bef685a55936d7544bf645c0d6ecbe)
 - Switched to html entity [`8a7d635`](https://git.odit.services/lfk/frontend/commit/8a7d635cef2d465e70c84e1f7a7b90b98a8dbab1)
 - Added runner team's parentorg name to runenr overciew [`4c259c1`](https://git.odit.services/lfk/frontend/commit/4c259c1eef2b0166ce6a8493d0c9e9d5ede11146)
 #### [0.12.4](https://git.odit.services/lfk/frontend/compare/0.12.3...0.12.4)
 > 8 April 2021
 - 🚀RELEASE v0.12.4 [`5b4ede5`](https://git.odit.services/lfk/frontend/commit/5b4ede5e2f6a26b475a7a4b430a4146d21fb9671)
 - 🚑 [HOTFIX] - drop "svelte-infinite-loading" [`d0ab3dd`](https://git.odit.services/lfk/frontend/commit/d0ab3dda78bbad2cea18a2491056530897d56607)
 #### [0.12.3](https://git.odit.services/lfk/frontend/compare/0.12.2...0.12.3)
 > 8 April 2021
 - Merge pull request 'fix' (#126) from bugfix/125-mobile into dev [`#125`](https://git.odit.services/lfk/frontend/issues/125)
 - almost fixed... [`495a6b2`](https://git.odit.services/lfk/frontend/commit/495a6b22bd8036593f390bdb862d325524cefbcc)
 - 🐞 bugfix for svelte x tailwind class names [`b6b07cf`](https://git.odit.services/lfk/frontend/commit/b6b07cf30cc6533bd5dbfec1f813c16fde85634d)
 - fix [`0acaffb`](https://git.odit.services/lfk/frontend/commit/0acaffbdfa359e52654a5afe2788aa59fe6f9036)
 - 🚀RELEASE v0.12.3 [`d9cf51b`](https://git.odit.services/lfk/frontend/commit/d9cf51b4bbc2136594a03c5d0eeb8cb3f3440b2a)
 - custom css fix for collapsed_navigation [`ffbc243`](https://git.odit.services/lfk/frontend/commit/ffbc243194c7faeb4fe61c12711a1c441c3994ef)
 - new license file version [CI SKIP] [`aa17f24`](https://git.odit.services/lfk/frontend/commit/aa17f242209f7e7cecff774ace7a35b581adec1f)
 #### [0.12.2](https://git.odit.services/lfk/frontend/compare/0.12.1...0.12.2)
 > 7 April 2021
 - 🚀RELEASE v0.12.2 [`6043bc4`](https://git.odit.services/lfk/frontend/commit/6043bc45174d51ab110b0ed10a8679d96127ab87)
 - Merge pull request 'feature/110-virtual_list' (#124) from feature/110-virtual_list into dev [`e6ed066`](https://git.odit.services/lfk/frontend/commit/e6ed066e3ffabba6519f94d801d21a27819d0492)
 - wip on virtuallist [`6304116`](https://git.odit.services/lfk/frontend/commit/6304116edb7f5e3c7b67c15e0b1740d34c513155)
 - fixed height table [`4cad86c`](https://git.odit.services/lfk/frontend/commit/4cad86cf852468428d77103d052c6974b17c34c3)
 - pre-merge fixes [`37970d2`](https://git.odit.services/lfk/frontend/commit/37970d2be6b6502701914e41e5bfe2c418438480)
 - updated virtual scroll list [`1376788`](https://git.odit.services/lfk/frontend/commit/1376788016e767f006661f8c9e6747781f2dce55)
 #### [0.12.1](https://git.odit.services/lfk/frontend/compare/0.12.0...0.12.1)
 > 6 April 2021
 - 🚀RELEASE v0.12.1 [`834ff8f`](https://git.odit.services/lfk/frontend/commit/834ff8fa63178f36dcacf931c128ba67a3e7bd1b)
 - Merge pull request 'ImportRunnerModal Cancel Button feature/122-import_cancel' (#123) from feature/112-import_cancel into dev [`1f428a5`](https://git.odit.services/lfk/frontend/commit/1f428a535e3ae619cbf8db51d04255aac8dd8614)
 - Added cancel button for the first stage of runner import [`0c40966`](https://git.odit.services/lfk/frontend/commit/0c409669700d3a8096cc04716154b0fdca458fe5)
 - Escape now triggers foll modal close (including reset) instead of just hiding th modal [`9da071f`](https://git.odit.services/lfk/frontend/commit/9da071fe9ba067160334682bf00163e3630fe919)
 #### [0.12.0](https://git.odit.services/lfk/frontend/compare/0.11.0...0.12.0)
 > 5 April 2021
 - Merge pull request 'feature/108_vite_migration' (#118) from feature/108_vite_migration into dev [`#108`](https://git.odit.services/lfk/frontend/issues/108)
 - 🚀RELEASE v0.12.0 [`892a04f`](https://git.odit.services/lfk/frontend/commit/892a04f28930481715eb486b1ef4efeb98a6e999)
 - Fixed package version [`27cc972`](https://git.odit.services/lfk/frontend/commit/27cc9727f1d02d186c3ccadb06e5b4b1b1d6202d)
 - Merge pull request 'Implmented certificate generation feature/119-Certificate_generation' (#120) from feature/119-Certificate_generation into dev [`f0738d4`](https://git.odit.services/lfk/frontend/commit/f0738d451b02e4a298b5f9cb8ab0be16aed10a38)
 - The PFS Prefixes now get translated via i18n [`bfacfec`](https://git.odit.services/lfk/frontend/commit/bfacfec76511cae3015f52698fdcbd80a7a15981)
 - Sorted translations 🌍 [`9e6a8da`](https://git.odit.services/lfk/frontend/commit/9e6a8daf2c394cf17da532382ec7d049a0f89577)
 - added missing/ wrong translations + formatting! [`7c86a5e`](https://git.odit.services/lfk/frontend/commit/7c86a5eeb370a43451d180a09a501066b023b9a0)
 - Added i18n [`17f6f4e`](https://git.odit.services/lfk/frontend/commit/17f6f4e616bf57424ee12ad53b939429c02a0171)
 - Added basic certificate generation component [`af63ce6`](https://git.odit.services/lfk/frontend/commit/af63ce67ae7d8f8a70706c3bd6755197908996ff)
 - basic ViteJS migration [`ae79e9f`](https://git.odit.services/lfk/frontend/commit/ae79e9fea1963e977ef468e8e56f87d68916fadd)
 - Implemented generation for orgs [`2e3ac15`](https://git.odit.services/lfk/frontend/commit/2e3ac154be0bf0776cd00f7d510f41ec676ae690)
 - Implemented generation for teams [`2472640`](https://git.odit.services/lfk/frontend/commit/2472640755e3e41259a44127a875d00517a25842)
 - updated default entrypoint [`95c8fde`](https://git.odit.services/lfk/frontend/commit/95c8fde72fca5cd5a644d51a33dc88e0b59fce92)
 - ⏫📍 version bump + pin [`b065b4f`](https://git.odit.services/lfk/frontend/commit/b065b4ff218d07952fa45989e6e2ee7df13e07c1)
 - 🧹 reorder + fix package [`12433f7`](https://git.odit.services/lfk/frontend/commit/12433f7c236906fe2b29848a0acaa6be1724da56)
 - 🔨 re-added VS Code devcontainer config [`9318709`](https://git.odit.services/lfk/frontend/commit/93187099d32c506329b1437642aae985f2850689)
 - 🐳 new Dockerfiles [`0f32968`](https://git.odit.services/lfk/frontend/commit/0f32968fae8b55a13d387918211983d0e61f85ab)
 - 📃 added readme [`aa24b1d`](https://git.odit.services/lfk/frontend/commit/aa24b1dce5d6d73c8f42fc57f81b692350bf9665)
 - Copy-paste fix [`f47d5e3`](https://git.odit.services/lfk/frontend/commit/f47d5e347d97ee127fa0380620138a9672665cd5)
 - 🔨🔥 alpine based devcontainer with working yarn PnP [`777304f`](https://git.odit.services/lfk/frontend/commit/777304f2593df36f4e89d2ba7680add183ff062f)
 - Copy-paste fix [`7488a8b`](https://git.odit.services/lfk/frontend/commit/7488a8b597a148c309e1b4499d277fed7f3bf9f4)
 - You can now generate certificates from the runner overview [`bb9b779`](https://git.odit.services/lfk/frontend/commit/bb9b779cee909ab85ef52f13be0a917f1c0a9e62)
 - Cleaned up generation strings and added the schem for single runner generations for cards [`9c867e1`](https://git.odit.services/lfk/frontend/commit/9c867e106edd68784e6d19743519c1952a0f0bc7)
 - Changed the basic nameing generation for runenr certificate files [`d65d379`](https://git.odit.services/lfk/frontend/commit/d65d3793de869bcd6733a1bbdac378d0bc1128b3)
 - ⏫ version bumps [`d7fecfb`](https://git.odit.services/lfk/frontend/commit/d7fecfbd0bc01f1cd44dea3c3837e0cc44afab12)
 - Cleaned up generation strings and added the schem for single runner generations for sponsoring contracts [`22b09d1`](https://git.odit.services/lfk/frontend/commit/22b09d16d0acc2883e3448dad95ed0f4ea7c6aeb)
 - Certificate generation from org overview [`3177c6e`](https://git.odit.services/lfk/frontend/commit/3177c6eaa31636ed4546f4797775a0f0a930f5d1)
 - certificate pdf names now include their locale [`304f28a`](https://git.odit.services/lfk/frontend/commit/304f28a3c10bc4745aa5b7c80d7ba0e651540706)
 - Runnercard pdfs now include their locale [`3638d87`](https://git.odit.services/lfk/frontend/commit/3638d87bd2ff83618eefda5af18ba19e38e3c2eb)
 - 🐞 fix await for esNext [`a922776`](https://git.odit.services/lfk/frontend/commit/a9227768de29305b51d10c8a6e4fa1d39b7d998f)
 - Certificate generation from team overview [`18ec100`](https://git.odit.services/lfk/frontend/commit/18ec100c33a1fbab526187e769dbae54d9db0867)
 - Added certificate generation from runner overview and detail [`7b685d6`](https://git.odit.services/lfk/frontend/commit/7b685d6cad97d2f7f48c4b19bfc128e1355b70c4)
 - package cleanup [`6be2ee6`](https://git.odit.services/lfk/frontend/commit/6be2ee626addaf5113b4b4821bd99a276bf4f329)
 - sponsoring pdf names now include their locale [`0bae5bf`](https://git.odit.services/lfk/frontend/commit/0bae5bf32b8687057dca50cde21022ea8c3abee8)
 - ✨ update licenses.json [`e99e9e0`](https://git.odit.services/lfk/frontend/commit/e99e9e07089520d5a48021e10d2af7739656641a)
 - added windicss settings for VSCode [`008027d`](https://git.odit.services/lfk/frontend/commit/008027db0e2736a9bb9defd67178ab3fe580de04)
 - Certificate generation from team detail [`acd2f05`](https://git.odit.services/lfk/frontend/commit/acd2f0519d62e55dad8e9c3c41e77b6967212502)
 - ⚡💾 prevent env.js from being cached [`c5d1553`](https://git.odit.services/lfk/frontend/commit/c5d155396a92dfee6d592fb24a936ab521215f6d)
 - for await fix - ViteJS [`aec5e34`](https://git.odit.services/lfk/frontend/commit/aec5e3473e687415fbfd69c550d9b012e1b1be43)
 - Certificate generation from org detail [`e6ffc37`](https://git.odit.services/lfk/frontend/commit/e6ffc371e1ca2d4451e7dd4a3ca3c05564edb5fb)
 - 🧹 drop unused dependencies [`ce50fa2`](https://git.odit.services/lfk/frontend/commit/ce50fa2a62f8ff98e8be9c66432caeebb3952019)
 - 🐞 fix NGINX config [`5352410`](https://git.odit.services/lfk/frontend/commit/5352410d0c76fd14575d7beafc6a83f028062efe)
 - Fixed wrong permissiong getting checked [`b97a928`](https://git.odit.services/lfk/frontend/commit/b97a92860d71eb0384170e245a67fa3ea3fd8e85)
 - new license file version [CI SKIP] [`5cc4871`](https://git.odit.services/lfk/frontend/commit/5cc4871ec4be9f0af07738f6e3d44bdbe31cd25a)
 - ⏫ bump @odit/lfk-client-js@0.10.1 [`8b74d6d`](https://git.odit.services/lfk/frontend/commit/8b74d6d759c8481f012c201e2ea0d12b29ddef90)
 - 🔨 dev container open ⚡ [`ceb2146`](https://git.odit.services/lfk/frontend/commit/ceb2146c1b08bbe9250e4db7846e06bd89526c21)
 - ⏫ version bump: vite-plugin-windicss@0.12.2 [`8d006d8`](https://git.odit.services/lfk/frontend/commit/8d006d8c74d71c43a9031d58f5a8c7fc55ed95fc)
 - 🚚 move @svitejs/vite-plugin-svelte to @sveltejs/vite-plugin-svelte [`44b53da`](https://git.odit.services/lfk/frontend/commit/44b53da34516b00671b3e5060ba831e409ac3dd5)
 - ⏫ upgrade vite-plugin-windicss@0.12.1 [`ab45fc1`](https://git.odit.services/lfk/frontend/commit/ab45fc144eaf14f63d86ee53c1db4eefd88f9c7f)
 - 🐞 fix main.js linking [`467404b`](https://git.odit.services/lfk/frontend/commit/467404bfc87f3c08c5e227f194d71eea7cc48921)
 - 🐞 fix vite config for production system [`10a011d`](https://git.odit.services/lfk/frontend/commit/10a011d8426e475105ff5d2d5cf4adca2ef7625c)
 - fix dev script [`eb3ede9`](https://git.odit.services/lfk/frontend/commit/eb3ede9593e2e527df3e3a2f81c8e179bb555f51)
 - ⏫ bump vite to 2.1.3 [`0cd3e93`](https://git.odit.services/lfk/frontend/commit/0cd3e937d852eeabe43eb6298bfabe20834240b2)
 - Removed useless console.log [`d23dbaa`](https://git.odit.services/lfk/frontend/commit/d23dbaaf695a60fe5ebbc9945646a16b5fc45a16)
 - Removed useless console log [`48cfc15`](https://git.odit.services/lfk/frontend/commit/48cfc15cfb09096db1bd5ddbe9138b1a604d581f)
 #### [0.11.0](https://git.odit.services/lfk/frontend/compare/0.10.0...0.11.0)
 > 30 March 2021
 - Added button (including translations [`0614c76`](https://git.odit.services/lfk/frontend/commit/0614c76e924b18b512bab59933a26fec07cf483d)
 - Added button (including translations [`97e338f`](https://git.odit.services/lfk/frontend/commit/97e338f9d4f388596d550990457254c7fa1a3492)
 - Sorted translations [`89bb9c2`](https://git.odit.services/lfk/frontend/commit/89bb9c215e356e0940678f5cabd9e38bc203040e)
 - Added function for generating cards with pdf [`c8d6390`](https://git.odit.services/lfk/frontend/commit/c8d639024a5f2f72d6e30d2ce990b08bd71a5471)
 - 🚀RELEASE v0.11.0 [`f8ccf4f`](https://git.odit.services/lfk/frontend/commit/f8ccf4f5d8f68ecee31430029889b8ab1ecec682)
 - Fixed button styling [`08cb079`](https://git.odit.services/lfk/frontend/commit/08cb079e9798392e26515d559af2637e74deea97)
 - Now returning cards on creation with pdf [`1d999d4`](https://git.odit.services/lfk/frontend/commit/1d999d4910acb5efa21b3f9922cdb359babff404)
 - new license file version [CI SKIP] [`8f8b998`](https://git.odit.services/lfk/frontend/commit/8f8b9988ad94ee9f3729a3fe6fdb4c558828d892)
 - Merge pull request 'Generate and print bulk blank cards feature/116-download_blanc_cards' (#117) from feature/116-download_blanc_cards into dev [`25d8b86`](https://git.odit.services/lfk/frontend/commit/25d8b86efd89c442d1bf308a8743134820acfd1f)
 - Added comment [`636f018`](https://git.odit.services/lfk/frontend/commit/636f018daa33b99468a257bfc33477e1e644d081)
 - Bumped lfk client js version [`2d18686`](https://git.odit.services/lfk/frontend/commit/2d18686ce782a434ca7bd34c07c36a35b9497273)
 - Bumped lfk-client-js [`7dfaa75`](https://git.odit.services/lfk/frontend/commit/7dfaa7579a22b13194fcdd1c02b4437958261472)
 #### [0.10.0](https://git.odit.services/lfk/frontend/compare/0.9.1...0.10.0)
 > 26 March 2021
 - Added translations [`79c447b`](https://git.odit.services/lfk/frontend/commit/79c447b4c65e55ebb5af71fb0b09174c36e2cecf)
 - Sorted translations 🌍 [`5bd3a46`](https://git.odit.services/lfk/frontend/commit/5bd3a463f00abaf2c98ab554f88e5542d01f364a)
 - Reset can now only be triggered if pw is strong enoug [`75d8f73`](https://git.odit.services/lfk/frontend/commit/75d8f7331b6ae78f3979bb62148188a16f83cb8d)
 - Module now exports functions that check if a password is strong enough and equal to a potential confirmation field [`b2509e9`](https://git.odit.services/lfk/frontend/commit/b2509e9e53ab6b51dfd55e26712e8928160cd64b)
 - 🚀RELEASE v0.10.0 [`f7fc196`](https://git.odit.services/lfk/frontend/commit/f7fc1967a50f302af1d8b668628be2f4ab2975a3)
 - Added more cirteria to the password strength component [`5fa9939`](https://git.odit.services/lfk/frontend/commit/5fa9939696a35d60d762feb0cebef61d31869218)
 - Now using pw strength component [`6aaf838`](https://git.odit.services/lfk/frontend/commit/6aaf8384512185a3a319ce6b3e2505e910468e64)
 - Added a password strength verification [`ad3bd31`](https://git.odit.services/lfk/frontend/commit/ad3bd312e9a5785f81029ea2b7e302ea1addd988)
 - Implemented a custom password strength component [`4956bb0`](https://git.odit.services/lfk/frontend/commit/4956bb0e9c3c1d22d60e849aea5664e35330f897)
 - User creation can now only be triggered if pw is strong enoug [`540304f`](https://git.odit.services/lfk/frontend/commit/540304f947f60a7072c592ca8088996ce7e95cb4)
 - Now using pw strength component for user creation [`7862f44`](https://git.odit.services/lfk/frontend/commit/7862f446532903f1a2eac7b21d5c80c3245785e5)
 - Added missing exports [`962dd0c`](https://git.odit.services/lfk/frontend/commit/962dd0c1bbc0df7f20bcec5b4247188c8935c87e)
 - new license file version [CI SKIP] [`aedb8a7`](https://git.odit.services/lfk/frontend/commit/aedb8a765ba053545adbba9eb014b3bb0e5aac8c)
 - Bumped lfk-client version 🔝 [`cf58bd1`](https://git.odit.services/lfk/frontend/commit/cf58bd15c3541c417ab2be83d96135e931a2b6f6)
 - new license file version [CI SKIP] [`34f4f68`](https://git.odit.services/lfk/frontend/commit/34f4f68524918fd3d1963966a1e259d5b60efaca)
 - Merge pull request 'Implemented password strength test feature/106-password_strength' (#115) from feature/106-password_strength into dev [`09b8144`](https://git.odit.services/lfk/frontend/commit/09b81440804cf98303fcb723a9717d6d0f432da8)
 - Formatting🛠 [`4167819`](https://git.odit.services/lfk/frontend/commit/4167819e7a864d3b1dd95ba48ab1525a454f7f30)
 - Now using pw strength component for reset [`5d5f7c7`](https://git.odit.services/lfk/frontend/commit/5d5f7c7f5c6a69146f41996f4facfeff95791be0)
 #### [0.9.1](https://git.odit.services/lfk/frontend/compare/0.9.0...0.9.1)
 > 26 March 2021
 - 🚀RELEASE v0.9.1 [`2ca63fd`](https://git.odit.services/lfk/frontend/commit/2ca63fd1f675f0da2b18ba43095074dd4823991d)
 - Merge pull request 'Org selfservice Link feature/112-org_registration_links' (#114) from feature/112-org_registration_links into dev [`a5d25e7`](https://git.odit.services/lfk/frontend/commit/a5d25e7d92c7c37e90dbb4ba74b787873f920c6b)
 - Added checkbox to enable registration [`f9fe793`](https://git.odit.services/lfk/frontend/commit/f9fe79357317653b46c09eb95b0db13845cddcf9)
 - Sorted translations [`c074c12`](https://git.odit.services/lfk/frontend/commit/c074c12be75f285612f7a732c106404d9fb4538a)
 - You can now copy the selfservice links to your clipboard [`fcd55f8`](https://git.odit.services/lfk/frontend/commit/fcd55f89d72e6ceb9bb2bdd194cc3420145d6d0d)
 - Formatting [`f185d55`](https://git.odit.services/lfk/frontend/commit/f185d559c0d6476f2f2b9ea74aaad3297411801d)
 - Copy now 100% worX [`a3921b4`](https://git.odit.services/lfk/frontend/commit/a3921b45c70b410293db593a75d2fdd34c131733)
 - Fixed changes in wrong file [`73d95bc`](https://git.odit.services/lfk/frontend/commit/73d95bc0042f8f586ba2f2345342e25da1d280c2)
 - Added check if key exists [`c2d29ff`](https://git.odit.services/lfk/frontend/commit/c2d29ff233f6b3e9dd2555b7e0b845592da2ba35)
 - Added check if key exists [`2316baa`](https://git.odit.services/lfk/frontend/commit/2316baa8984832382be9f3b4549ca62cf9ccb5a3)
 - Added translations [`ddbc293`](https://git.odit.services/lfk/frontend/commit/ddbc293e9ca0525910bf3d995de970ee2c35c56a)
 - new license file version [CI SKIP] [`ded9b58`](https://git.odit.services/lfk/frontend/commit/ded9b589fe087915176c5b54f3c55e412541bc8f)
 - Merge pull request 'first merge to main 🚀' (#71) from dev into main [`9aa8e7e`](https://git.odit.services/lfk/frontend/commit/9aa8e7edffa7e51b00a5ab7a8f16828b7a469181)
 #### [0.9.0](https://git.odit.services/lfk/frontend/compare/0.8.7...0.9.0)
 > 26 March 2021
 - 🚀RELEASE v0.9.0 [`67c3732`](https://git.odit.services/lfk/frontend/commit/67c3732fad5a7c64ae11dcbebaaa095e1a2b387c)
 - Merge pull request 'Runner cards feature/94-runnercard_mgnt' (#111) from feature/94-runnercard_mgnt into dev [`2932f45`](https://git.odit.services/lfk/frontend/commit/2932f4591e62187a4903511051d110e9679c0993)
 - Sorted translations 🌍 [`1665a1a`](https://git.odit.services/lfk/frontend/commit/1665a1a093862a13be78ec65dcdf64eb7d855593)
 - Added translations [`6b5945a`](https://git.odit.services/lfk/frontend/commit/6b5945add86a77630c500872545bb91724b2047f)
--- a/18
+++ b/18
@@ -1,18 +1,12 @@
-FROM node:15.5.1-alpine3.12
+FROM registry.odit.services/hub/library/node:19.5.0-alpine3.16 as build
 WORKDIR /app
 RUN npm i -g pnpm
 COPY package.json ./
-RUN pnpm i
+RUN npx pnpm i
-COPY package.json *.config.js workbox-config.js template-copy.js index.template.html s-config.template.js ./
+COPY package.json *.config.js postcss.config.cjs tailwind.config.js vite.config.js index.html ./
 COPY src ./src
 COPY public ./public
-RUN pnpm run build
+RUN yarn build
 # final image
-FROM alpine
+FROM registry.odit.services/library/nginx-brotli:3.15 as final
-COPY --from=0 /app/build /app
+COPY --from=build /app/dist /usr/share/nginx/html
 RUN rm -rf /app/build/_dist_/components
 RUN rm -rf /app/build/_dist_/locales
 RUN rm -rf /app/build-manifest.json
 FROM fholzer/nginx-brotli:v1.19.1
 COPY --from=1 /app /usr/share/nginx/html
 COPY ./nginx.conf /etc/nginx/nginx.conf
--- a/README.md
+++ b/README.md
@@ -0,0 +1,22 @@
 # @odit/lfk-frontend
 ## ✒️ Overview
 This is an API client for [https://git.odit.services/lfk/backend](@lfk/backend)
 - WebApp built with [Svelte](https://svelte.dev), [WindiCSS](https://windicss.org/) (to compile [TailwindCSS](https://tailwindcss.com/)) and [Vite](https://vitejs.dev).
 This application is intended for use by admin users/ members only.
 ## 🚀 Getting Started
 ```
 yarn
 ```
 ## Development
 ```
 yarn dev
 /
 yarn dev --open
 ```
 ## Build
 ```
 yarn build
 ```
--- a/index.template.html
+++ b/index.template.html
@@ -10,14 +10,13 @@
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Lauf Für Kaya! - Admin" />
  <title>Lauf für Kaya! - Admin</title>
  __TAILWIND_INSERT__
 </head>
 <body>
-  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.9.0-RELEASE_INFO</span>
+  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.16.1-RELEASE_INFO</span>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <script src="/env.js"></script>
-  <script defer type="module" src="/_dist_/index.js"></script>
+  <script type="module" src="/src/main.js"></script>
 </body>
 </html>
--- a/nginx.conf
+++ b/nginx.conf
@@ -6,6 +6,20 @@ http {
    server {
        error_page 404 /index.html;
        root /usr/share/nginx/html;
        location /assets {
            expires 1y;
            log_not_found off;
            access_log off;
        }
        location = /index.html {
            add_header Cache-Control 'no-store';
        }
        location = / {
            add_header Cache-Control 'no-store';
        }
        location = /env.js {
            add_header Cache-Control 'no-store';
        }
        location / {
            try_files $uri $uri/ /index.html;
        }
--- a/package.json
+++ b/package.json
@@ -1,45 +1,40 @@
 {
 	"name": "@odit/lfk-frontend",
-	"version": "0.9.0",
+	"version": "0.16.1",
 	"scripts": {
 		"i18n-order": "node order.js",
-		"dev:all": "yarn prebuild && snowpack dev",
+		"dev": "vite",
-		"dev": "cross-env NODE_ENV_ODIT=development_fast node template-copy.js && yarn build:sw && snowpack dev",
+		"build": "vite build",
 		"build": "yarn prebuild && snowpack build",
 		"prebuild": "cross-env NODE_ENV_ODIT=production node template-copy.js && yarn build:sw",
 		"build:sw": "workbox generateSW workbox-config.js",
 		"release": "release-it",
 		"licenses:export": "license-exporter --json -o public"
 	},
 	"license": "CC-BY-NC-SA-4.0",
 	"dependencies": {
 		"@odit/lfk-client-js": "0.7.0",
 		"csvtojson": "^2.0.10",
 		"gridjs": "3.3.0",
 		"localforage": "1.9.0",
 		"marked": "^2.0.1",
 		"svelte-focus-trap": "1.0.1",
 		"svelte-i18n": "3.3.7",
 		"svelte-select": "^3.17.0",
 		"tailwindcss": "2.0.3",
 		"tinro": "0.6.1",
 		"toastify-js": "1.9.3",
 		"validator": "13.5.2",
 		"xlsx": "^0.16.9"
 	},
 	"devDependencies": {
-		"@odit/license-exporter": "^0.0.11",
+		"@odit/lfk-client-js": "0.13.1",
-		"@snowpack/plugin-svelte": "3.5.2",
+		"@odit/license-exporter": "0.0.11",
-		"auto-changelog": "^2.2.1",
+		"@sveltejs/vite-plugin-svelte": "1.0.0-next.6",
 		"@types/html-minifier": "4.0.0",
 		"auto-changelog": "2.2.1",
 		"autoprefixer": "10.2.5",
-		"cross-env": "^7.0.3",
+		"check-password-strength": "2.0.2",
-		"postcss": "8.2.8",
+		"csvtojson": "2.0.10",
-		"postcss-load-config": "3.0.1",
+		"gridjs": "3.4.0",
-		"release-it": "^14.4.1",
+		"html-minifier": "4.0.0",
-		"snowpack": "3.0.13",
+		"localforage": "1.9.0",
-		"svelte": "3.35.0",
+		"marked": "2.0.3",
-		"svelte-preprocess": "4.6.9",
+		"postcss": "8.2.10",
-		"workbox-cli": "6.1.2"
+		"release-it": "14.6.1",
 		"svelte": "3.37.0",
 		"svelte-focus-trap": "1.2.0",
 		"svelte-i18n": "3.3.9",
 		"svelte-preprocess": "4.7.0",
 		"svelte-select": "3.17.0",
 		"tailwindcss": "3.2.4",
 		"tinro": "0.6.1",
 		"toastify-js": "1.10.0",
 		"validator": "13.5.2",
 		"vite": "2.1.5",
 		"xlsx": "0.16.9"
 	},
 	"release-it": {
 		"git": {
@@ -55,7 +50,7 @@
 			"publish": false
 		},
 		"hooks": {
-			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node versionbuilder.js  && git add index.template.html && node order.js  && git add src/locales"
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node versionbuilder.js  && git add index.html && node order.js  && git add src/locales"
 		}
 	}
 }
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -0,0 +1,6 @@
 module.exports = {
 	plugins: {
 		tailwindcss: {},
 		autoprefixer: {}
 	}
 };
--- a/public/env.sample.js
+++ b/public/env.sample.js
@@ -1,5 +1,6 @@
 const config = {
 	baseurl: 'http://localhost:4010',
 	baseurl_documentserver: 'http://localhost:4010/documents',
 	documentserver_key: 'NqZSYTy5AFQ7MppbLW5moqpTk7u7YrNUHKYhKYuThnnya2WpCOIU694hIZT1FzYe',
 	// optional
 	default_username: 'demo',
--- a/public/licenses.json
+++ b/public/licenses.json
--- a/s-config.template.js
+++ b/s-config.template.js
@@ -1,6 +0,0 @@
 const sveltePreprocess = require('svelte-preprocess');
 const preprocess = sveltePreprocess(__insert__);
 module.exports = {
 	preprocess
 };
--- a/snowpack.config.js
+++ b/snowpack.config.js
@@ -1,26 +0,0 @@
 /** @type {import("snowpack").SnowpackUserConfig } */
 module.exports = {
 	mount: {
 		public: '/',
 		src: '/_dist_'
 	},
 	plugins: [ '@snowpack/plugin-svelte' ],
 	routes: [
 		/* Enable an SPA Fallback in development: */
 		{ match: 'routes', src: '.*', dest: '/index.html' }
 	],
 	packageOptions: {
 		/* ... */
 		sourceMap: false
 	},
 	devOptions: {
 		/* ... */
 	},
 	buildOptions: {
 		/* ... */
 	},
 	alias: {
 		/* ... */
 	},
 	optimize: { bundle: true, minify: true }
 };
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,224 +1,231 @@
-<script>
+<script>
-  import "./TailwindStyles.svelte";
+  import "toastify-js/src/toastify.css";
-  import "toastify-js/src/toastify.css";
+  import "gridjs/dist/theme/mermaid.css";
-  import "gridjs/dist/theme/mermaid.css";
+  import { Route, router } from "tinro";
-  import { Route, router } from "tinro";
+  router.subscribe((routeInfo) => {
-  router.subscribe((routeInfo) => {
+    window.scrollTo(0, 0);
-    window.scrollTo(0, 0);
+  });
-  });
+  if (config.prefersHashRouting) {
-  if (config.prefersHashRouting) {
+    if (config.prefersHashRouting === true) {
-    if (config.prefersHashRouting === true) {
+      router.useHashNavigation();
-      router.useHashNavigation();
+    }
-    }
+  }
-  }
+  import localForage from "localforage";
-  import localForage from "localforage";
+  import { addMessages, init, getLocaleFromNavigator } from "svelte-i18n";
-  import { addMessages, init, getLocaleFromNavigator } from "svelte-i18n";
+  import en from "./locales/en.json";
-  import en from "./locales/en.json";
+  import de from "./locales/de.json";
-  import de from "./locales/de.json";
+  addMessages("en", en);
-  addMessages("en", en);
+  addMessages("de", de);
-  addMessages("de", de);
+  init({
-  init({
+    fallbackLocale: "en",
-    fallbackLocale: "en",
+    initialLocale: getLocaleFromNavigator(),
-    initialLocale: getLocaleFromNavigator(),
+  });
-  });
+  localForage.config({
-  localForage.config({
+    name: "lfk_admin",
-    name: "lfk_admin",
+    version: 1.0,
-    version: 1.0,
+    storeName: "lfk_admin",
-    storeName: "lfk_admin",
+    description: "LfK! admin dashbaord",
-    description: "LfK! admin dashbaord",
+  });
-  });
+  window.onunhandledrejection = (event) => {
-  window.onunhandledrejection = (event) => {
+    if (event.reason.toString() == "Error: Unauthorized") {
-    if (event.reason.toString() == "Error: Unauthorized") {
+      console.log("Found 1");
-      console.log("Found 1");
+      localForage.clear();
-      localForage.clear();
+      location.replace("/");
-      location.replace("/");
+    }
-    }
+  };
-  };
+  //
-  //
+  import Login from "./components/auth/Login.svelte";
-  import Login from "./components/auth/Login.svelte";
+  import Dashboard from "./components/dashboard/Dashboard.svelte";
-  import Dashboard from "./components/dashboard/Dashboard.svelte";
+  import store from "./store.js";
-  import store from "./store.js";
+  import ForgotPassword from "./components/auth/ForgotPassword.svelte";
-  import ForgotPassword from "./components/auth/ForgotPassword.svelte";
+  import MainDashContent from "./components/dashboard/MainDashContent.svelte";
-  import MainDashContent from "./components/dashboard/MainDashContent.svelte";
+  import Users from "./components/users/Users.svelte";
-  import Users from "./components/users/Users.svelte";
+  import About from "./components/general/About.svelte";
-  import About from "./components/general/About.svelte";
+  import Settings from "./components/settings/Settings.svelte";
-  import Settings from "./components/settings/Settings.svelte";
+  import Transition from "./components/base/Transition.svelte";
-  import Transition from "./components/base/Transition.svelte";
+  import Orgs from "./components/orgs/Orgs.svelte";
-  import Orgs from "./components/orgs/Orgs.svelte";
+  import Runners from "./components/runners/Runners.svelte";
-  import Runners from "./components/runners/Runners.svelte";
+  import Footer from "./components/general/Footer.svelte";
-  import Footer from "./components/general/Footer.svelte";
+  import TracksOverview from "./components/tracks/TracksOverview.svelte";
-  import TracksOverview from "./components/tracks/TracksOverview.svelte";
+  import OrgDetail from "./components/orgs/OrgDetail.svelte";
-  import OrgDetail from "./components/orgs/OrgDetail.svelte";
+  import Teams from "./components/teams/Teams.svelte";
-  import Teams from "./components/teams/Teams.svelte";
+  import { OpenAPI } from "@odit/lfk-client-js";
-  import { OpenAPI } from "@odit/lfk-client-js";
+  import UserDetail from "./components/users/UserDetail.svelte";
-  import UserDetail from "./components/users/UserDetail.svelte";
+  OpenAPI.BASE = config.baseurl;
-  OpenAPI.BASE = config.baseurl;
+  import TeamDetail from "./components/teams/TeamDetail.svelte";
-  import { register as registerSW } from "./swmodule";
+  import UserPermissions from "./components/users/UserPermissions.svelte";
-  import TeamDetail from "./components/teams/TeamDetail.svelte";
+  import GroupPermissions from "./components/groups/GroupPermissions.svelte";
-  import UserPermissions from "./components/users/UserPermissions.svelte";
+  import RunnerDetail from "./components/runners/RunnerDetail.svelte";
-  import GroupPermissions from "./components/groups/GroupPermissions.svelte";
+  import Imprint from "./components/general/Imprint.svelte";
-  import RunnerDetail from "./components/runners/RunnerDetail.svelte";
+  import Privacy from "./components/general/Privacy.svelte";
-  import Imprint from "./components/general/Imprint.svelte";
+  import ResetPassword from "./components/auth/ResetPassword.svelte";
-  import Privacy from "./components/general/Privacy.svelte";
+  import Contacts from "./components/contacts/Contacts.svelte";
-  import ResetPassword from "./components/auth/ResetPassword.svelte";
+  import ContactDetail from "./components/contacts/ContactDetail.svelte";
-  import Contacts from "./components/contacts/Contacts.svelte";
+  import Donors from "./components/donors/Donors.svelte";
-  import ContactDetail from "./components/contacts/ContactDetail.svelte";
+  import Groups from "./components/groups/Groups.svelte";
-  import Donors from "./components/donors/Donors.svelte";
+  import DonorDetail from "./components/donors/DonorDetail.svelte";
-  import Groups from "./components/groups/Groups.svelte";
+  import Donations from "./components/donations/Donations.svelte";
-  import DonorDetail from "./components/donors/DonorDetail.svelte";
+  import DonationDetail from "./components/donations/DonationDetail.svelte";
-  import Donations from "./components/donations/Donations.svelte";
+  import GroupDetail from "./components/groups/GroupDetail.svelte";
-  import DonationDetail from "./components/donations/DonationDetail.svelte";
+  import ScanStations from "./components/scanstations/ScanStations.svelte";
-  import GroupDetail from "./components/groups/GroupDetail.svelte";
+  import ScanStationDetail from "./components/scanstations/ScanStationDetail.svelte";
-  import ScanStations from "./components/scanstations/ScanStations.svelte";
+  import Scans from "./components/scans/Scans.svelte";
-  import ScanStationDetail from "./components/scanstations/ScanStationDetail.svelte";
+  import ScanDetail from "./components/scans/ScanDetail.svelte";
-  import Scans from "./components/scans/Scans.svelte";
+  import Cards from "./components/cards/Cards.svelte";
-  import ScanDetail from "./components/scans/ScanDetail.svelte";
+	import StatsClients from "./components/statsclients/StatsClients.svelte";
-  import Cards from "./components/cards/Cards.svelte";
+	import StatsClientDetail from "./components/statsclients/StatsClientDetail.svelte";
-  store.init();
+  store.init();
-  registerSW();
+</script>
-</script>
+
-
+<Route>
-<Route>
+  {#if $router.path === '/forgot_password'}
-  {#if $router.path === '/forgot_password'}
+    <Route path="/forgot_password">
-    <Route path="/forgot_password">
+      <ForgotPassword />
-      <ForgotPassword />
+    </Route>
-    </Route>
+  {:else if $router.path.includes('/reset')}
-  {:else if $router.path.includes('/reset')}
+    <Route path="/reset/:resetkey" let:params>
-    <Route path="/reset/:resetkey" let:params>
+      <ResetPassword {params} />
-      <ResetPassword {params} />
+    </Route>
-    </Route>
+  {:else if $router.path === '/about'}
-  {:else if $router.path === '/about'}
+    <Route path="/about">
-    <Route path="/about">
+      <About />
-      <About />
+    </Route>
-    </Route>
+  {:else if $router.path === '/imprint'}
-  {:else if $router.path === '/imprint'}
+    <Route path="/imprint">
-    <Route path="/imprint">
+      <Imprint />
-      <Imprint />
+    </Route>
-    </Route>
+  {:else if $router.path === '/privacy'}
-  {:else if $router.path === '/privacy'}
+    <Route path="/privacy">
-    <Route path="/privacy">
+      <Privacy />
-      <Privacy />
+    </Route>
-    </Route>
+  {:else if $store.isLoggedIn}
-  {:else if $store.isLoggedIn}
+    <Dashboard>
-    <Dashboard>
+      <Transition>
-      <Transition>
+        <Route path="/">
-        <Route path="/">
+          <MainDashContent />
-          <MainDashContent />
+        </Route>
-        </Route>
+        <Route path="/users/*">
-        <Route path="/users/*">
+          <Route path="/">
-          <Route path="/">
+            <Users />
-            <Users />
+          </Route>
-          </Route>
+          <Route path="/:userid/*" let:params>
-          <Route path="/:userid/*" let:params>
+            <Route path="/">
-            <Route path="/">
+              <UserDetail {params} />
-              <UserDetail {params} />
+            </Route>
-            </Route>
+            <Route path="/permissions/">
-            <Route path="/permissions/">
+              <UserPermissions {params} />
-              <UserPermissions {params} />
+            </Route>
-            </Route>
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/groups/*">
-        <Route path="/groups/*">
+          <Route path="/">
-          <Route path="/">
+            <Groups />
-            <Groups />
+          </Route>
-          </Route>
+          <Route path="/:groupid/*" let:params>
-          <Route path="/:groupid/*" let:params>
+            <Route path="/">
-            <Route path="/">
+              <GroupDetail {params} />
-              <GroupDetail {params} />
+            </Route>
-            </Route>
+            <Route path="/permissions/">
-            <Route path="/permissions/">
+              <GroupPermissions {params} />
-              <GroupPermissions {params} />
+            </Route>
-            </Route>
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/tracks/*">
-        <Route path="/tracks/*">
+          <Route path="/">
-          <Route path="/">
+            <TracksOverview />
-            <TracksOverview />
+          </Route>
-          </Route>
+          <Route path="/:trackid" let:params />
-          <Route path="/:trackid" let:params />
+        </Route>
-        </Route>
+        <Route path="/runners/*">
-        <Route path="/runners/*">
+          <Route path="/">
-          <Route path="/">
+            <Runners />
-            <Runners />
+          </Route>
-          </Route>
+          <Route path="/:runnerid" let:params>
-          <Route path="/:runnerid" let:params>
+            <RunnerDetail {params} />
-            <RunnerDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/teams/*">
-        <Route path="/teams/*">
+          <Route path="/">
-          <Route path="/">
+            <Teams />
-            <Teams />
+          </Route>
-          </Route>
+          <Route path="/:teamid" let:params>
-          <Route path="/:teamid" let:params>
+            <TeamDetail {params} />
-            <TeamDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/contacts/*">
-        <Route path="/contacts/*">
+          <Route path="/">
-          <Route path="/">
+            <Contacts />
-            <Contacts />
+          </Route>
-          </Route>
+          <Route path="/:contact" let:params>
-          <Route path="/:contact" let:params>
+            <ContactDetail {params} />
-            <ContactDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/orgs/*">
-        <Route path="/orgs/*">
+          <Route path="/">
-          <Route path="/">
+            <Orgs />
-            <Orgs />
+          </Route>
-          </Route>
+          <Route path="/:orgid" let:params>
-          <Route path="/:orgid" let:params>
+            <OrgDetail {params} />
-            <OrgDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/donors/*">
-        <Route path="/donors/*">
+          <Route path="/">
-          <Route path="/">
+            <Donors />
-            <Donors />
+          </Route>
-          </Route>
+          <Route path="/:donorid" let:params>
-          <Route path="/:donorid" let:params>
+            <DonorDetail {params} />
-            <DonorDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/donations/*">
-        <Route path="/donations/*">
+          <Route path="/">
-          <Route path="/">
+            <Donations />
-            <Donations />
+          </Route>
-          </Route>
+          <Route path="/:donationid" let:params>
-          <Route path="/:donationid" let:params>
+            <DonationDetail {params} />
-            <DonationDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/cards/*">
-        <Route path="/cards/*">
+          <Route path="/">
-          <Route path="/">
+            <Cards />
-            <Cards />
+          </Route>
-          </Route>
+          <!-- <Route path="/:scanid" let:params>
-          <!-- <Route path="/:scanid" let:params>
+            <ScanDetail {params} />
-            <ScanDetail {params} />
+          </Route> -->
-          </Route> -->
+        </Route>
-        </Route>
+        <Route path="/scans/*">
-        <Route path="/scans/*">
+          <Route path="/">
-          <Route path="/">
+            <Scans />
-            <Scans />
+          </Route>
-          </Route>
+          <Route path="/:scanid" let:params>
-          <Route path="/:scanid" let:params>
+            <ScanDetail {params} />
-            <ScanDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/scanstations/*">
-        <Route path="/scanstations/*">
+          <Route path="/">
-          <Route path="/">
+            <ScanStations />
-            <ScanStations />
+          </Route>
-          </Route>
+          <Route path="/:stationid" let:params>
-          <Route path="/:stationid" let:params>
+            <ScanStationDetail {params} />
-            <ScanStationDetail {params} />
+          </Route>
-          </Route>
+        </Route>
-        </Route>
+        <Route path="/statsclients/*">
-        <Route path="/about">
+          <Route path="/">
-          <About />
+            <StatsClients />
-        </Route>
+          </Route>
-        <Route path="/settings">
+          <Route path="/:clientid" let:params>
-          <Settings />
+            <StatsClientDetail {params} />
-        </Route>
+          </Route>
-      </Transition>
+        </Route>
-      <Footer />
+        <Route path="/about">
-    </Dashboard>
+          <About />
-  {:else}
+        </Route>
-    <Login />
+        <Route path="/settings">
-  {/if}
+          <Settings />
-</Route>
+        </Route>
      </Transition>
      <Footer />
    </Dashboard>
  {:else}
    <Login />
  {/if}
 </Route>
--- a/src/TailwindStyles.svelte
+++ b/src/TailwindStyles.svelte
@@ -1,6 +0,0 @@
 <style global>
  /*! @import */
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
 </style>
--- a/src/components/auth/Login.svelte
+++ b/src/components/auth/Login.svelte
@@ -76,7 +76,7 @@
      // last login was not processed yet
    } else {
      Toastify({
-        text: "chill...",
+        text: $_('please-wait-a-moment-your-login-is-still-being-processed'),
        duration: 1500,
        backgroundColor:
          "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
--- a/src/components/auth/PasswordStrength.svelte
+++ b/src/components/auth/PasswordStrength.svelte
@@ -0,0 +1,52 @@
 <script context="module">
    import { passwordStrength } from "check-password-strength";
    export function password_strong_enough(password_change) {
        let strength = passwordStrength(password_change);
        return (
            strength?.contains.includes("lowercase") &&
            strength?.contains.includes("uppercase") &&
            strength?.contains.includes("number") &&
            strength?.length > 9
        );
    }
    export function password_strong_enough_and_equal(
        password_change,
        password_confirm
    ) {
        return (
            password_strong_enough(password_change) &&
            password_change === password_confirm
        );
    }
 </script>
 <script>
    import { getLocaleFromNavigator, _ } from "svelte-i18n";
    import { passwordStrength as Strength } from "check-password-strength";
    export let password_change;
    export let password_confirm;
    $: strength = Strength(password_change);
    $: passwords_match =
        !password_confirm || password_confirm === password_change;
 </script>
 <div class="ml-4">
    <ul class="list-disc font-medium tracking-wide text-red-500 text-xs">
        {#if !strength.contains.includes('lowercase')}
            <li>{$_('must-contain-a-lowercase-letter')}</li>
        {/if}
        {#if !strength.contains.includes('uppercase')}
            <li>{$_('must-contain-a-uppercase-letter')}</li>
        {/if}
        {#if !strength.contains.includes('number')}
            <li>{$_('must-contain-a-number')}</li>
        {/if}
        {#if !(strength.length > 9)}
            <li>{$_('must-be-at-least-10-characters-long')}</li>
        {/if}
        {#if !(passwords_match == true)}
            <li>{$_('passwords-dont-match')}</li>
        {/if}
    </ul>
 </div>
--- a/src/components/auth/ResetPassword.svelte
+++ b/src/components/auth/ResetPassword.svelte
@@ -1,38 +1,43 @@
 <script>
-  import {  AuthService } from "@odit/lfk-client-js";
+  import { AuthService } from "@odit/lfk-client-js";
  import { _ } from "svelte-i18n";
  import Toastify from "toastify-js";
  import "toastify-js/src/toastify.css";
  import PasswordStrength, {
    password_strong_enough,
  } from "../auth/PasswordStrength.svelte";
  let state = "reset_in_progress";
  let password = "";
  export let params;
  function set_new_password() {
-      if(password.trim() !== ""){
+    if (password.trim() !== "") {
-        Toastify({
+      Toastify({
-          text: $_('password-reset-in-progress'),
+        text: $_("password-reset-in-progress"),
-          duration: 3500,
+        duration: 3500,
-        }).showToast();
+      }).showToast();
-        AuthService.authControllerResetPassword(atob(params.resetkey),{ password })
+      AuthService.authControllerResetPassword(atob(params.resetkey), {
        password,
      })
        .then((resp) => {
          Toastify({
-            text: $_('password-reset-successful'),
+            text: $_("password-reset-successful"),
            duration: 3500,
          }).showToast();
-          state="reset_success";
+          state = "reset_success";
        })
        .catch((err) => {
-          state="reset_error";
+          state = "reset_error";
        });
-      } else {
+    } else {
      Toastify({
-        text: $_('please-provide-a-password'),
+        text: $_("please-provide-a-password"),
        duration: 3500,
      }).showToast();
    }
  }
 </script>
-{#if state==="reset_success"}
+{#if state === 'reset_success'}
  <div class="min-h-screen flex items-center justify-center bg-gray-100">
    <div class="max-w-md w-full py-12 px-6">
      <img style="height:10rem;" class="mx-auto" src="/lfk-logo.png" alt="" />
@@ -56,31 +61,31 @@
      </div>
    </div>
  </div>
-{:else if state==="reset_error"}
+{:else if state === 'reset_error'}
-<div class="min-h-screen flex items-center justify-center bg-gray-100">
+  <div class="min-h-screen flex items-center justify-center bg-gray-100">
-  <div class="max-w-md w-full py-12 px-6">
+    <div class="max-w-md w-full py-12 px-6">
-    <img style="height:10rem;" class="mx-auto" src="/lfk-logo.png" alt="" />
+      <img style="height:10rem;" class="mx-auto" src="/lfk-logo.png" alt="" />
-    <p class="mt-6 text-lg text-center font-bold text-gray-900">
+      <p class="mt-6 text-lg text-center font-bold text-gray-900">
-      {$_('application_name')}
+        {$_('application_name')}
-    </p>
+      </p>
-    <p class="mt-2 mb-2 text-sm text-center text-gray-900 font-bold">
+      <p class="mt-2 mb-2 text-sm text-center text-gray-900 font-bold">
-      {$_('password-reset-failed')}
+        {$_('password-reset-failed')}
-    </p>
+      </p>
-    <p class="mt-2 mb-2 text-sm text-center text-gray-900">
+      <p class="mt-2 mb-2 text-sm text-center text-gray-900">
-      {$_('please-request-a-new-reset-mail')}
+        {$_('please-request-a-new-reset-mail')}
-    </p>
+      </p>
    <div class="mt-6">
      <div class="mt-6">
-        <a
+        <div class="mt-6">
-          href="/forgot_password/"
+          <a
-          class="text-center relative block w-full py-2 px-3 border border-transparent rounded-md text-white font-semibold bg-gray-800 hover:bg-gray-700 focus:bg-gray-900 focus:outline-none focus:shadow-outline sm:text-sm">
+            href="/forgot_password/"
-          {$_('request-a-new-reset-mail')}
+            class="text-center relative block w-full py-2 px-3 border border-transparent rounded-md text-white font-semibold bg-gray-800 hover:bg-gray-700 focus:bg-gray-900 focus:outline-none focus:shadow-outline sm:text-sm">
-        </a>
+            {$_('request-a-new-reset-mail')}
          </a>
        </div>
      </div>
    </div>
  </div>
-</div>
+{:else if state === 'reset_in_progress'}
 {:else if state==="reset_in_progress"}
  <div class="min-h-screen flex items-center justify-center bg-gray-100">
    <div class="max-w-md w-full py-12 px-6">
      <img style="height:10rem;" class="mx-auto" src="/lfk-logo.png" alt="" />
@@ -102,11 +107,14 @@
              placeholder={$_('new-password')}
              bind:value={password} />
          </div>
          <PasswordStrength bind:password_change={password} />
        </div>
        <div class="mt-5">
          <button
            on:click={set_new_password}
            disabled={!password_strong_enough(password)}
            class:opacity-50={!password_strong_enough(password)}
            type="submit"
            class="relative block w-full py-2 px-3 border border-transparent rounded-md text-white font-semibold bg-gray-800 hover:bg-gray-700 focus:bg-gray-900 focus:outline-none focus:shadow-outline sm:text-sm">
            <span class="absolute left-0 inset-y pl-3">
--- a/src/components/base/importfixes.svelte
+++ b/src/components/base/importfixes.svelte
@@ -0,0 +1,6 @@
 <!--
    Temporary tailwind import fixes for classes that wouldn't be directly used otherwise. 
    Or as others may call it: Real big bullshit time.
    Issue: https://git.odit.services/lfk/frontend/issues/136
 -->
 <div class="opacity-50"></div>
--- a/src/components/cards/AddCardBulkModal.svelte
+++ b/src/components/cards/AddCardBulkModal.svelte
@@ -22,19 +22,19 @@
      if (e.keyCode === 13) {
        if (createbtnenabled === true) {
          createbtnenabled = false;
-          submit();
+          submit_with_print();
        }
      }
    };
  })();
-  function submit() {
+  function submit_without_print() {
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
        text: $_("creating-blanco-cards"),
        duration: -1,
      }).showToast();
-      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count)
+      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count, false)
        .then((result) => {
          bulk_modal_open = false;
          //
@@ -54,6 +54,80 @@
        });
    }
  }
  function submit_with_print() {
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
        text: $_("creating-blanco-cards"),
        duration: -1,
      }).showToast();
      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count, true)
        .then((result) => {
          bulk_modal_open = false;
          //
          Toastify({
            text: $_("created-blanco-cards"),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
          current_cards = current_cards.concat(result);
          const toast = Toastify({
            text: $_("generating-pdf"),
            duration: -1,
          }).showToast();
          fetch(
            `${config.baseurl_documentserver}/cards?&download=true&key=${config.documentserver_key}`,
            {
              method: "POST",
              headers: {
                "Content-Type": "application/json",
              },
              body: JSON.stringify(result),
            }
          )
            .then((response) => {
              if (response.status != "200") {
                toast.hideToast();
                Toastify({
                  text: $_("pdf-generation-failed"),
                  duration: 3500,
                  backgroundColor:
                    "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                }).showToast();
              } else {
                return response.blob();
              }
            })
            .then((blob) => {
              const url = window.URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = url;
              a.download = "Bulkcards.pdf";
              document.body.appendChild(a);
              a.click();
              a.remove();
              toast.hideToast();
              Toastify({
                text: $_("pdf-successfully-generated"),
                duration: 3500,
                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
              }).showToast();
            })
            .catch((err) => {
              console.error(err);
            });
        })
        .catch((err) => {
          //
        })
        .finally(() => {
          processed_last_submit = true;
          //
          toast.hideToast();
        });
    }
  }
 </script>
 {#if bulk_modal_open}
@@ -75,14 +149,14 @@
        class="hidden sm:inline-block sm:align-middle sm:h-screen"
        aria-hidden="true">&#8203;</span>
      <div
-        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline">
        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
          <div class="sm:flex sm:items-start">
            <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w- rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
              <svg
                class="h-6 w-6 text-blue-600"
                fill="currentColor"
@@ -138,17 +212,25 @@
          <button
            disabled={!createbtnenabled}
            class:opacity-50={!createbtnenabled}
-            on:click={submit}
+            on:click={submit_with_print}
            type="button"
            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('create')}
+            {$_('create-and-generate-pdf')}
          </button>
          <button
            disabled={!createbtnenabled}
            class:opacity-50={!createbtnenabled}
            on:click={submit_without_print}
            type="button"
            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-400 text-base font-medium text-white hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('create-without-pdf')}
          </button>
          <button
            on:click={() => {
              bulk_modal_open = false;
            }}
            type="button"
-            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+            class="mr-auto mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('cancel')}
          </button>
        </div>
--- a/src/components/cards/CardsOverview.svelte
+++ b/src/components/cards/CardsOverview.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { getLocaleFromNavigator, json, _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
  import { RunnerCardService } from "@odit/lfk-client-js";
  import store from "../../store";
  import Toastify from "toastify-js";
@@ -11,11 +11,21 @@
  export let editable = {};
  export let original_data = {};
  export let current_cards = [];
  $: filtered_cards = current_cards.filter(function (c) {
    if (
      c.code.toLowerCase().includes(searchvalue_lowercase) ||
      c.runner?.firstname.toLowerCase().includes(searchvalue_lowercase) ||
      c.runner?.middlename.toLowerCase().includes(searchvalue_lowercase) ||
      c.runner?.lastname.toLowerCase().includes(searchvalue_lowercase) ||
      should_display_based_on_id(c.id)
    ) {
      return true;
    }
  });
  $: searchvalue = "";
  $: searchvalue_lowercase = searchvalue.toLowerCase();
  $: active_deletes = [];
-  $: cards_show = current_cards.some(
+  $: cards_show = current_cards.some((r) => r.is_selected === true);
    (r) => r.is_selected === true
  );
  $: generate_cards = current_cards.filter((r) => r.is_selected === true);
  const cards_promise = RunnerCardService.runnerCardControllerGetAll().then(
    (val) => {
@@ -46,8 +56,38 @@
    original_data = Object.assign(original_data, card);
    edit_modal_open = true;
  }
 // -----------------
  let scrollTop = 0;
  $: rendered = filtered_cards;
  let innerHeight = 0;
  let ele;
  $: updateSlice(scrollTop);
  $: innerHeight = `${filtered_cards.length * 25}px`;
  $: if (ele) updateSlice();
  function updateSlice() {
    const height = ele ? parseInt(ele.clientHeight) : 100;
    const init = scrollTop / 25;
    const end = Math.ceil((scrollTop + height) / 25);
    rendered = filtered_cards.slice(init, end + 15);
  }
  function updateScroll($event) {
    scrollTop = $event.target.scrollTop;
  }
 </script>
 <style>
  table tbody {
  display: block;
  overflow-y: scroll;
 }
 table thead, table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
 }
 </style>
 {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
  <CardDetailModal
    bind:current_cards
@@ -121,107 +161,111 @@
              </th>
            </tr>
          </thead>
-          <tbody class="divide-y divide-gray-200">
+          <tbody class="divide-y divide-gray-200 virtual-wrapper"
-            {#each current_cards as card}
+  on:scroll={updateScroll}
-              {#if card.code
+  style="height: 70vh; width:100%"
-                .toLowerCase()
+  bind:this={ele}
-                .includes(
+          >
-                  searchvalue.toLowerCase()
+    {#each filtered_cards as card, index}
-                ) || card.runner?.firstname
+    {#if card.code
-                  .toLowerCase()
+      .toLowerCase()
-                  .includes(
+      .includes(
-                    searchvalue.toLowerCase()
+        searchvalue.toLowerCase()
-                  ) || card.runner?.middlename
+      ) || card.runner?.firstname
-                  .toLowerCase()
+        .toLowerCase()
-                  .includes(
+        .includes(
-                    searchvalue.toLowerCase()
+          searchvalue.toLowerCase()
-                  ) || card.runner?.lastname
+        ) || card.runner?.middlename
-                  .toLowerCase()
+        .toLowerCase()
-                  .includes(
+        .includes(
-                    searchvalue.toLowerCase()
+          searchvalue.toLowerCase()
-                  ) || should_display_based_on_id(card.id)}
+        ) || card.runner?.lastname
-                <tr data-rowid="card_{card.id}">
+        .toLowerCase()
-                  <td class="px-6 py-4 whitespace-nowrap">
+        .includes(
-                    <input
+          searchvalue.toLowerCase()
-                      bind:checked={card.is_selected}
+        ) || should_display_based_on_id(card.id)}
-                      type="checkbox"
+      <tr data-rowid="card_{card.id}">
-                      class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+        <td class="px-6 py-4 whitespace-nowrap">
-                  </td>
+          <input
-                  <td class="px-6 py-4 whitespace-nowrap">
+            bind:checked={card.is_selected}
-                    <div class="flex items-center">{card.code}</div>
+            type="checkbox"
-                  </td>
+            class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
-                  <td class="px-6 py-4 whitespace-nowrap">
+        </td>
-                    <div class="flex items-center">
+        <td class="px-6 py-4 whitespace-nowrap">
-                      {#if card.runner}
+          <div class="flex items-center">{card.code}</div>
-                        <a
+        </td>
-                          href="../runners/{card.runner.id}"
+        <td class="px-6 py-4 whitespace-nowrap">
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{card.runner.firstname}
+          <div class="flex items-center">
-                          {card.runner.middlename || ''}
+            {#if card.runner}
-                          {card.runner.lastname}</a>
+              <a
-                      {:else}{$_('non-blanko')}{/if}
+                href="../runners/{card.runner.id}"
-                    </div>
+                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{card.runner.firstname}
-                  </td>
+                {card.runner.middlename || ''}
-                  <td class="px-6 py-4 whitespace-nowrap">
+                {card.runner.lastname}</a>
-                    <div class="flex items-center">
+            {:else}{$_('non-blanko')}{/if}
-                      {#if card.enabled}
+          </div>
-                        <span
+        </td>
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('enabled')}</span>
+        <td class="px-6 py-4 whitespace-nowrap">
-                      {:else}
+          <div class="flex items-center">
-                        <span
+            {#if card.enabled}
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('disabled')}</span>
+              <span
-                      {/if}
+                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('enabled')}</span>
-                    </div>
+            {:else}
-                  </td>
+              <span
                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('disabled')}</span>
            {/if}
          </div>
        </td>
-                  {#if active_deletes[card.id] === true}
+        {#if active_deletes[card.id] === true}
-                    <td
+          <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+            class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <button
+            <button
-                        on:click={() => {
+              on:click={() => {
-                          active_deletes[card.id] = false;
+                active_deletes[card.id] = false;
-                        }}
+              }}
-                        tabindex="0"
+              tabindex="0"
-                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
+              class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
-                      <button
+            <button
-                        on:click={() => {
+              on:click={() => {
-                          RunnerCardService.runnerCardControllerRemove(card.id, false).then(
+                RunnerCardService.runnerCardControllerRemove(card.id, false).then(
-                            (resp) => {
+                  (resp) => {
-                              current_cards = current_cards.filter(
+                    current_cards = current_cards.filter(
-                                (obj) => obj.id !== card.id
+                      (obj) => obj.id !== card.id
-                              );
+                    );
-                              Toastify({
+                    Toastify({
-                                text: $_('card-deleted'),
+                      text: $_('card-deleted'),
-                                duration: 500,
+                      duration: 500,
-                                backgroundColor:
+                      backgroundColor:
-                                  'linear-gradient(to right, #00b09b, #96c93d)',
+                        'linear-gradient(to right, #00b09b, #96c93d)',
-                              }).showToast();
+                    }).showToast();
-                            }
+                  }
-                          );
+                );
-                        }}
+              }}
-                        tabindex="0"
+              tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
+              class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
-                    </td>
+          </td>
-                  {:else}
+        {:else}
-                    <td
+          <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+            class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <button
+            <button
-                        on:click={() => {
+              on:click={() => {
-                          open_edit_modal(card);
+                open_edit_modal(card);
-                        }}
+              }}
-                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
+              class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
-                      {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
+            {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
-                        <button
+              <button
-                          on:click={() => {
+                on:click={() => {
-                            active_deletes[card.id] = true;
+                  active_deletes[card.id] = true;
-                          }}
+                }}
-                          tabindex="0"
+                tabindex="0"
-                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
+                class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
-                      {/if}
+            {/if}
-                    </td>
+          </td>
-                  {/if}
+        {/if}
-                </tr>
+      </tr>
-              {/if}
+    {/if}
-            {/each}
+    {/each}
          </tbody>
        </table>
      </div>
--- a/src/components/contacts/AddContactModal.svelte
+++ b/src/components/contacts/AddContactModal.svelte
@@ -86,7 +86,7 @@
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
-        text: "Contact is being added...",
+        text: $_('contact-is-being-added'),
        duration: -1,
      }).showToast();
      let address = {};
@@ -123,7 +123,7 @@
          modal_open = false;
          //
          Toastify({
-            text: "Contact added",
+            text: $_('contact-added'),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
--- a/src/components/dashboard/Dashboard.svelte
+++ b/src/components/dashboard/Dashboard.svelte
@@ -12,11 +12,21 @@
  }
 </script>
 <style>
  .collapsed_navigation {
    transform: translateX(-100%);
  }
  @media (min-width: 768px) {
    .collapsed_navigation {
      transform: translateX(0px);
    }
  }
 </style>
 <section class="min-h-screen bg-gray-50">
-  <nav
+  <div
-    class:-translate-x-full={!navOpen}
+    class:collapsed_navigation={!navOpen}
-    class:translate-x-0={navOpen}
+    class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 bg-gray-50">
    class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 md:translate-x-0 bg-gray-50">
    <a href="/" class="flex items-center px-4 py-5">
      <img src="/lfk-logo.png" alt="Logo" class="h-10" />
      <h3 class="text-lg">Lauf für Kaya! Admin</h3>
@@ -246,6 +256,26 @@
          <span>{$_('scanstations')}</span>
        </a>
      {/if}
      {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:GET')}
        <a
          class:bg-gray-100={$router.path === '/statsclients/'}
          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"
          href="/statsclients/">
          <svg
            class="flex-shrink-0 w-5 h-5 mr-2 text-gray-400 transition group-hover:text-gray-600"
            fill="currentColor"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg"><path
              fill="none"
              d="M0 0h24v24H0z" />
            <path
              fill="currentColor"
              d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
          <span>{$_('statsclients')}</span>
        </a>
      {/if}
      <a
        class:bg-gray-100={$router.path === '/settings/'}
        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"
@@ -297,14 +327,15 @@
        <span>{$_('logout')}</span>
      </span>
    </nav>
-  </nav>
+  </div>
  <div class="ml-0 transition md:ml-60">
    <header
      on:click={() => {
        navOpen = true;
      }}
      class="flex items-center justify-between w-full px-4 bg-white border-b h-14 md:hidden">
-      <button class="block btn btn-light md:hidden">
+      <button
        on:click={() => {
          navOpen = true;
        }}
        class="block btn btn-light md:hidden">
        <span class="sr-only">Menu</span><svg
          class="w-4 h-4"
          xmlns="http://www.w3.org/2000/svg"
@@ -318,10 +349,13 @@
      <NoComponentLoaded />
    </slot>
  </div>
-  <div
+  {#if navOpen === true}
-    on:click={() => {
+    <div
-      navOpen = false;
+      on:click={() => {
-    }}
+        navOpen = false;
-    class:hidden={!navOpen}
+        console.log({ navOpen });
-    class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 md:hidden" />
+      }}
      class:hidden={!navOpen}
      class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 md:hidden" />
  {/if}
 </section>
--- a/src/components/dashboard/StatCards.svelte
+++ b/src/components/dashboard/StatCards.svelte
@@ -70,7 +70,7 @@
            <div class="text-xs uppercase font-light text-grey-500">
              {$_('total-donations')}
            </div>
-            <div class="text-xl font-bold">{stats.total_donation} €</div>
+            <div class="text-xl font-bold">{(stats.total_donation/100).toFixed(2)} €</div>
          </div><svg
            xmlns="http://www.w3.org/2000/svg"
            height="24"
--- a/src/components/donations/AddDonationModal.svelte
+++ b/src/components/donations/AddDonationModal.svelte
@@ -9,6 +9,7 @@
  } from "@odit/lfk-client-js";
  import Select from "svelte-select";
  import Toastify from "toastify-js";
 import { is_promise } from "svelte/internal";
  export let modal_open;
  export let current_donations;
  const getDonorLabel = (option) =>
@@ -24,6 +25,7 @@
  $: donors = [];
  $: runners = [];
  $: is_fixed = false;
  $: is_paid = false;
  DonorService.donorControllerGetAll().then((val) => {
    donors = val.map((r) => {
      return { label: getDonorLabel(r), value: r };
@@ -57,14 +59,18 @@
      let amount_cent = Math.floor(amount_input * 100);
      processed_last_submit = false;
      const toast = Toastify({
-        text: "adding donation",
+        text: $_('adding-donation'),
        duration: -1,
      }).showToast();
      if (is_fixed) {
        let postdata = {
          donor,
          amount: amount_cent,
          paidAmount: 0
        };
        if(is_paid){
          postdata.paidAmount = amount_cent;
        }
        DonationService.donationControllerPostFixed(postdata)
          .then((result) => {
            donor = donors[0].id || 0;
@@ -73,7 +79,7 @@
            modal_open = false;
            //
            Toastify({
-              text: "donation_added",
+              text: $_('donation_added'),
              duration: 500,
              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
@@ -102,7 +108,7 @@
            modal_open = false;
            //
            Toastify({
-              text: "donation_added",
+              text: $_('donation_added'),
              duration: 500,
              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
@@ -123,7 +129,7 @@
 </script>
 <style>
-  input:before {
+  .toggle:before {
    content: "";
    position: absolute;
    width: 1.25rem;
@@ -137,12 +143,12 @@
    transition: 0.2s ease-in-out;
  }
-  input:checked {
+  .toggle:checked {
    /* @apply: bg-indigo-400; */
    background-color: #7f9cf5;
  }
-  input:checked:before {
+  .toggle:checked:before {
    left: 1.25rem;
  }
 </style>
@@ -195,7 +201,7 @@
                  class="ml-2 text-base"
                  class:text-gray-300={is_fixed}>{$_('distance-donation')}</span>
                <input
-                  class="relative w-10 h-5 transition-all duration-200 ease-in-out bg-gray-400 rounded-full shadow-inner outline-none appearance-none align-middle"
+                  class="toggle relative w-10 h-5 transition-all duration-200 ease-in-out bg-gray-400 rounded-full shadow-inner outline-none appearance-none align-middle"
                  type="checkbox"
                  bind:checked={is_fixed} />
                <span
@@ -267,6 +273,29 @@
                    </span>
                  {/if}
                </div>
                {#if is_fixed}
                <div class="col-span-6">
                  <label
                    for="paid"
                    class="block text-sm font-medium text-gray-700">{$_('already-paid')}</label>
                    <p class="text-gray-500">
                      <input
                        id="paid"
                        bind:checked={is_paid}
                        name="paid"
                        type="checkbox"
                        class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" >
                        <span class="align-text-bottom">
                      {#if is_paid}
                      {$_('paid')}
                      {:else}
                      {$_('open')}
                      {/if}
                        </span>
                    </p>
                </div>
                {/if}
              </div>
            </div>
          </div>
--- a/src/components/donations/AddDonationPaymentModal.svelte
+++ b/src/components/donations/AddDonationPaymentModal.svelte
@@ -0,0 +1,202 @@
 <script>
  import { _ } from "svelte-i18n";
  import { clickOutside } from "../base/outsideclick";
  import { focusTrap } from "svelte-focus-trap";
  import { DonationService } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
  export let payment_modal_open = false;
  export let current_donations = [];
  export let editable = {};
  export let original_data = {};
  export let paid_amount_input = 0;
  $:processed_last_submit=true;
  function focus(el) {
    el.focus();
  }
  $: createbtnenabled = is_paid_amount_valid && !(paid_amount_input*100 == original_data.paidAmount)
  $: is_paid_amount_valid = paid_amount_input > 0;
  (() => {
    document.onkeydown = (e) => {
      e = e || window.event;
      if (e.key === "Escape") {
        payment_modal_open = false;
      }
      if (e.keyCode === 13) {
        if (createbtnenabled === true) {
          createbtnenabled = false;
          submit();
        }
      }
    };
  })();
  function submit() {
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
        text: $_('updating-donation'),
        duration: -1,
      }).showToast();
      editable.donor = editable.donor.id;
      editable.paidAmount = paid_amount_input*100;
      if(editable.responseType == "DISTANCEDONATION" || editable.runner){
        editable.runner = editable.runner.id;
        DonationService.donationControllerPutDistance(original_data.id, editable)
        .then((result) => {
          let id = original_data.id;
          editable = {};
          original_data = {};
          payment_modal_open = false;
          //
          Toastify({
            text: $_('donation-updated'),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
          current_donations[current_donations.findIndex((c) => c.id === id)] = result;
          current_donations = current_donations;
        })
        .catch((err) => {
          //
        })
        .finally(() => {
          processed_last_submit = true;
          //
          toast.hideToast();
        });
      }
      else{
          DonationService.donationControllerPutFixed(original_data.id, editable)
        .then((result) => {
          let id = original_data.id;
          editable = {};
          original_data = {};
          payment_modal_open = false;
          //
          Toastify({
            text: $_('donation-updated'),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
          current_donations[current_donations.findIndex((c) => c.id === id)] = result;
          current_donations = current_donations;
        })
        .catch((err) => {
          //
        })
        .finally(() => {
          processed_last_submit = true;
          //
          toast.hideToast();
        });
      }
    }
  }
 </script>
 {#if payment_modal_open}
  <div
    class="fixed z-10 inset-0 overflow-y-auto"
    use:focusTrap
    use:clickOutside
    on:click_outside={() => {
      payment_modal_open = false;
    }}>
    <div
      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
        <div
          class="absolute inset-0 bg-gray-500 opacity-75"
          data-id="modal_backdrop" />
      </div>
      <span
        class="hidden sm:inline-block sm:align-middle sm:h-screen"
        aria-hidden="true">&#8203;</span>
      <div
        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline">
        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
          <div class="sm:flex sm:items-start">
            <div
              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
              <svg
                class="h-6 w-6 text-blue-600"
                fill="currentColor"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 24 24"
                width="24"
                height="24"><path fill="none" d="M0 0h24v24H0z" />
                <path
                  fill="currentColor"
                  d="M22 10v10a1 1 0 01-1 1H3a1 1 0 01-1-1V10h20zm0-2H2V4a1 1 0 011-1h18a1 1 0 011 1v4zm-7 8v2h4v-2h-4z" /></svg>
            </div>
            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
              <h3 class="text-lg leading-6 font-medium text-gray-900">
                {$_('enter-payment')}
              </h3>
              <div class="mt-2 mb-6">
                <p class="text-sm text-gray-500">
                  {$_('you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount')}
                </p>
              </div>
              <div class="grid grid-cols gap-6">
                <div class="w-full">
                  <label
                  for="token"
                  class="block text-sm font-medium text-gray-700">{$_('paid-amount')}</label>
                <div class="inline-flex border-gray-300 border rounded-l-md rounded-r-md bg-gray-50 text-gray-500 w-full">
                  <input
                      autocomplete="off"
                      class:border-red-500={!is_paid_amount_valid}
                      class:focus:border-red-500={!is_paid_amount_valid}
                      class:focus:ring-red-500={!is_paid_amount_valid}
                      bind:value={paid_amount_input}
                      type="number"
                      step="0.01"
                      name="donation_amount_eur"
                      class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm p-2"
                      placeholder="2.00" />
                    <button
                      on:click={
                        ()=>{
                          paid_amount_input=paid_amount_input = (original_data.amount/100).toFixed(2);
                        }
                      }
                      class="inline-flex items-center p-r-2 text-indigo-300 hover:text-indigo-700 text-sm">MAX</button>
                    <span
                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm">€</span>
                  </div>
                  {#if !is_paid_amount_valid}
                    <span
                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
                      {$_('payment-amount-must-be-greater-than-0-00eur')}
                    </span>
                  {/if}
                </div>
                </div>
              </div>
            </div>
          </div>
          <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
            <button
              disabled={!createbtnenabled}
              class:opacity-50={!createbtnenabled}
              on:click={submit}
              type="button"
              class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
              {$_('save-changes')}
            </button>
            <button
              on:click={() => {
                payment_modal_open = false;
              }}
              type="button"
              class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
              {$_('cancel')}
            </button>
          </div>
        </div>
      </div>
    </div>
 {/if}
--- a/src/components/donations/DonationDetail.svelte
+++ b/src/components/donations/DonationDetail.svelte
@@ -20,6 +20,8 @@
  $: current_runners = [];
  $: amount_input = 0;
  $: is_amount_valid = amount_input > 0;
  $: paid_amount_input = 0;
  $: is_paid_amount_valid = paid_amount_input > 0;
  $: is_everything_set =
    editable.donor != null &&
    ((original_data.responseType == "DISTANCEDONATION" &&
@@ -30,15 +32,17 @@
    (original_data.responseType == "DISTANCEDONATION" &&
      !(Math.floor(amount_input * 100) === original_data.amountPerDistance)) ||
    (original_data.responseType !== "DISTANCEDONATION" &&
-      !(Math.floor(amount_input * 100) === original_data.amount));
+      !(Math.floor(amount_input * 100) === original_data.amount)) ||
      !(Math.floor(paid_amount_input * 100) === original_data.paidAmount);
  $: save_enabled = changes_performed && is_amount_valid && is_everything_set;
  const promise = DonationService.donationControllerGetOne(
    params.donationid
  ).then((data) => {
    data_loaded = true;
-    original_data = Object.assign(original_data, data);
+    original_data = Object.assign({}, data);
-    editable = Object.assign(editable, original_data);
+    editable = Object.assign({}, original_data);
    paid_amount_input = data.paidAmount / 100;
    if (data.responseType == "DISTANCEDONATION") {
      amount_input = data.amountPerDistance / 100;
      RunnerService.runnerControllerGetAll().then((val) => {
@@ -66,10 +70,11 @@
  function submit() {
    if (data_loaded === true && save_enabled) {
      Toastify({
-        text: "Donation is being updated",
+        text: $_('updating-donation'),
        duration: 2500,
      }).showToast();
      let postdata = {};
      editable.paidAmount = paid_amount_input*100;
      if (original_data.responseType === "DISTANCEDONATION") {
        editable.amountPerDistance = Math.floor(amount_input * 100);
        postdata = Object.assign(postdata, editable);
@@ -83,7 +88,7 @@
            Object.assign(original_data, editable);
            original_data = original_data;
            Toastify({
-              text: "updated donation",
+              text: $_('donation-updated'),
              duration: 2500,
              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
@@ -98,7 +103,7 @@
            Object.assign(original_data, editable);
            original_data = original_data;
            Toastify({
-              text: "updated donation",
+              text: $_('donation-updated'),
              duration: 2500,
              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
@@ -112,7 +117,7 @@
    DonationService.donationControllerRemove(original_data.id, false)
      .then((resp) => {
        Toastify({
-          text: "Donation delete",
+          text: $_('donation-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
@@ -219,7 +224,24 @@
      <span>{(editable.amount / 100)
          .toFixed(2)
          .toLocaleString('de-DE', { valute: 'EUR' })}€</span>
      |
      <span
        class="font-medium text-gray-700">{$_('paid-amount')}:</span>
      <span>{(editable.paidAmount / 100)
          .toFixed(2)
          .toLocaleString('de-DE', { valute: 'EUR' })}€</span>
      |
      <span
        class="font-medium text-gray-700">{$_('status')}:</span>
        {#if editable.status =="PAID"}
          <span
            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('paid')}</span>
        {:else}
          <span
            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('open')}</span>
        {/if}
    </div>
    <br>
    <div class=" w-full">
      <label
        for="donor"
@@ -232,7 +254,7 @@
        placeholder={$_('search-for-donor-name-or-id')}
        noOptionsMessage={$_('no-donors-found')}
        bind:selectedValue={donor}
-        on:select={(selectedValue) => (editable.donor = selectedValue.detail.value)}
+        on:select={(selectedValue) => {editable.donor = selectedValue.detail.value; editable.donor.donationAmount=original_data.donor.donationAmount; editable.donor.paidDonationAmount =original_data.donor.paidDonationAmount}}
        on:clear={() => (editable.donor = null)} />
    </div>
    {#if original_data.responseType == 'DISTANCEDONATION'}
@@ -280,6 +302,39 @@
        </span>
      {/if}
    </div>
    <div class="w-full">
      <label
        for="token"
        class="block text-sm font-medium text-gray-700">{$_('paid-amount')}</label>
      <div class="inline-flex border-gray-300 border rounded-l-md rounded-r-md bg-gray-50 text-gray-500 w-full">
        <input
            autocomplete="off"
            class:border-red-500={!is_amount_valid}
            class:focus:border-red-500={!is_amount_valid}
            class:focus:ring-red-500={!is_amount_valid}
            bind:value={paid_amount_input}
            type="number"
            step="0.01"
            name="donation_amount_eur"
            class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm p-2"
            placeholder="2.00" />
          <button
            on:click={
              ()=>{
                paid_amount_input=paid_amount_input = (original_data.amount/100).toFixed(2);
              }
            }
            class="inline-flex items-center p-r-2 text-indigo-300 hover:text-indigo-700 text-sm">MAX</button>
          <span
            class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm">€</span>
        </div>
        {#if !is_paid_amount_valid}
          <span
            class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
            {$_('payment-amount-must-be-greater-than-0-00eur')}
          </span>
        {/if}
    </div>
  </section>
 {:catch error}
  <PromiseError {error} />
--- a/src/components/donations/DonationsOverview.svelte
+++ b/src/components/donations/DonationsOverview.svelte
@@ -4,9 +4,14 @@
  import store from "../../store";
  import Toastify from "toastify-js";
  import DonationsEmptyState from "./DonationsEmptyState.svelte";
  import AddDonationPaymentModal from "./AddDonationPaymentModal.svelte";
  $: searchvalue = "";
  $: active_deletes = [];
  export let current_donations = [];
  export let payment_modal_open = false;
  export let editable = {};
  export let original_data = {};
  export let paid_amount_input = 0;
  const donations_promise = DonationService.donationControllerGetAll().then(
    (val) => {
      current_donations = val;
@@ -18,8 +23,15 @@
    }
    return id.toString() === searchvalue;
  }
  function open_payment_modal(donation) {
    editable = Object.assign({}, donation);
    original_data = Object.assign({}, donation);
    paid_amount_input = (donation.paidAmount/100).toFixed(2);
    payment_modal_open = true;
  }
 </script>
 <AddDonationPaymentModal bind:current_donations bind:original_data bind:editable bind:paid_amount_input bind:payment_modal_open />
 {#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:GET')}
  {#await donations_promise}
    <div
@@ -63,6 +75,16 @@
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                {$_('donation-amount')}
              </th>
              <th
                scope="col"
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                {$_('paid-amount')}
              </th>
              <th
                scope="col"
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                {$_('status')}
              </th>
              <th scope="col" class="relative px-6 py-3">
                <span class="sr-only">{$_('action')}</span>
              </th>
@@ -132,6 +154,22 @@
                        .toLocaleString('de-DE', { valute: 'EUR' })}€
                    </div>
                  </td>
                  <td class="px-6 py-4 whitespace-nowrap">
                    <div class="text-sm font-medium text-gray-900">
                      {(donation.paidAmount / 100)
                        .toFixed(2)
                        .toLocaleString('de-DE', { valute: 'EUR' })}€
                    </div>
                  </td>
                  <td class="px-6 py-4 whitespace-nowrap">
                    {#if donation.status =="PAID"}
                      <span
                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('paid')}</span>
                    {:else}
                      <span
                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('open')}</span>
                    {/if}
                  </td>
                  {#if active_deletes[donation.id] === true}
                    <td
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
@@ -149,7 +187,7 @@
                                (obj) => obj.id !== donation.id
                              );
                              Toastify({
-                                text: 'Donation deleted',
+                                text: $_('donation-deleted'),
                                duration: 500,
                                backgroundColor:
                                  'linear-gradient(to right, #00b09b, #96c93d)',
@@ -163,6 +201,9 @@
                  {:else}
                    <td
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                      <button
                        on:click={() => {open_payment_modal(donation);}}
                        class="text-[#025a21] hover:text-green-900 mr-4">{$_('enter-payment')}</button>
                      <a
                        href="./{donation.id}"
                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
--- a/src/components/donors/ConfirmDonorDeletion.svelte
+++ b/src/components/donors/ConfirmDonorDeletion.svelte
@@ -19,7 +19,7 @@
    )
      .then((resp) => {
        Toastify({
-          text: "Donor deleted",
+          text: $_('donor-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
--- a/src/components/donors/DonorDetail.svelte
+++ b/src/components/donors/DonorDetail.svelte
@@ -193,6 +193,12 @@
      <span>{(editable.donationAmount / 100)
          .toFixed(2)
          .toLocaleString('de-DE', { valute: 'EUR' })}€</span>
      |
      <span
        class="font-medium text-gray-700">{$_('total-paid-amount')}:</span>
      <span>{(editable.paidDonationAmount / 100)
          .toFixed(2)
          .toLocaleString('de-DE', { valute: 'EUR' })}€</span>
      <br />
      <span class="font-medium text-gray-700">{$_('donations')}:</span>
      {#if current_donations.filter((d) => d.donor.id == editable.id).length > 0}
@@ -201,7 +207,7 @@
            <a
              href="../donations/{d.id}"
              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-600 text-white mr-1">{d.runner.firstname}
-              {d.runner.middlename}
+              {d.runner.middlename || ""}
              {d.runner.lastname}</a>
          {:else}
            <a
--- a/src/components/donors/Donors.svelte
+++ b/src/components/donors/Donors.svelte
@@ -20,6 +20,31 @@
        {$_('add-donor')}
      </button>
    {/if}
    {#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:GET')}
      <button
        on:click={() => {
          const data = (current_donors.filter(d=>d.receiptNeeded===true)).map(function (d) {
            d.address.address2=d.address.address2===""?"":" "+d.address.address2;
            const address=`${d.address.address1}${d.address.address2}, ${d.address.postalcode} ${d.address.city}, ${d.address.country}`;
            return [d.firstname,d.middlename,d.lastname,d.paidDonationAmount,address];
          })
          let csv = `${$_('csv_import__firstname')};${$_('csv_import__middlename')};${$_('csv_import__lastname')};${$_('total_donation_amount_in_eur')};${$_('address')}\n`;
    data.forEach(function(row) {
            csv += row.join(';');
            csv += "\n";
    });
    let hiddenElement = document.createElement('a');
    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);
    hiddenElement.target = '_blank';
    hiddenElement.download = `${$_('filename_sponsoringquittungsliste')}.csv`;
    hiddenElement.click();
    hiddenElement.remove();
        }}
        type="button"
        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
        {$_('sponsoring-quittungs-liste_herunterladen')}
      </button>
    {/if}
  </span>
  <DonorsOverview bind:current_donors />
 </section>
--- a/src/components/donors/DonorsOverview.svelte
+++ b/src/components/donors/DonorsOverview.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
  import { DonationService, DonorService } from "@odit/lfk-client-js";
  import store from "../../store";
  import DonorsEmptyState from "./DonorsEmptyState.svelte";
@@ -77,6 +77,11 @@
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                {$_('total-donation-amount')}
              </th>
              <th
                scope="col"
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                {$_('total-paid-amount')}
              </th>
              <th scope="col" class="relative px-6 py-3">
                <span class="sr-only">{$_('action')}</span>
              </th>
@@ -127,7 +132,7 @@
                          <a
                            href="../donations/{d.id}"
                            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-600 text-white mr-1">{d.runner.firstname}
-                            {d.runner.middlename}
+                            {d.runner.middlename || ''}
                            {d.runner.lastname}</a>
                        {:else}
                          <a
@@ -145,6 +150,11 @@
                      .toFixed(2)
                      .toLocaleString('de-DE', { valute: 'EUR' })}€
                  </td>
                  <td class="px-6 py-4 whitespace-nowrap">
                    {(donor.paidDonationAmount / 100)
                      .toFixed(2)
                      .toLocaleString('de-DE', { valute: 'EUR' })}€
                  </td>
                  {#if active_deletes[donor.id] === true}
                    <td
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
--- a/src/components/general/Footer.svelte
+++ b/src/components/general/Footer.svelte
@@ -32,8 +32,12 @@
      target="_blank"
      rel="noopener, noreferrer"
      href="https://git.odit.services/lfk/frontend/src/tag/{releaseinfo}">{releaseinfo}</a>
-      -
+    -
-    <a class="underline" href="https://docs.lauf-fuer-kaya.de" target="_blank">{$_('documentation')}</a>
+    <a
      rel="noopener, noreferrer"
      class="underline"
      href="https://docs.lauf-fuer-kaya.de"
      target="_blank">{$_('documentation')}</a>
    -
    <a class="underline" href="/privacy">{$_('privacy')}</a>
    -
--- a/src/components/orgs/ConfirmOrgDeletion.svelte
+++ b/src/components/orgs/ConfirmOrgDeletion.svelte
@@ -19,7 +19,7 @@
    )
      .then((resp) => {
        Toastify({
-          text: "Organization deleted",
+          text: $_('organization-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
--- a/src/components/orgs/OrgDetail.svelte
+++ b/src/components/orgs/OrgDetail.svelte
@@ -12,6 +12,7 @@
  import Select from "svelte-select";
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  import { tick } from "svelte";
  $: delete_triggered = false;
  $: address_valid_or_none =
@@ -34,6 +35,7 @@
  $: iscityvalid = editable.address?.city?.trim().length !== 0;
  $: sponsoring_contracts_show = true;
  $: cards_show = true;
  $: certificates_show = true;
  $: generate_orgs = [original_object];
  $: registrationLink = `${config.baseurl}/selfservice/register/${editable.registrationKey}`;
  const getContactLabel = (option) =>
@@ -117,6 +119,15 @@
    }
  }
  async function copy() {
    if(!editable.registrationKey){
      Toastify({
        text: $_('you-have-to-save-your-changes-to-generate-a-link'),
        duration: 500,
        backgroundColor:
          "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
      }).showToast();
      return;
    }
    valueCopy = registrationLink;
    await tick();
    areaDom.focus();
@@ -167,6 +178,7 @@
          bind:sponsoring_contracts_show
          bind:generate_orgs />
        <GenerateRunnerCards bind:cards_show bind:generate_orgs />
        <GenerateRunnerCertificates bind:certificates_show bind:generate_orgs />
        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
          <button
            on:click={() => {
@@ -177,7 +189,7 @@
            {$_('import-runners')}
          </button>
        {/if}
-        {#if store.state.jwtinfo.userdetails.permissions.includes('USER:DELETE')}
+        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:DELETE')}
          {#if delete_triggered}
            <button
              on:click={deleteOrganization}
@@ -331,12 +343,11 @@
            <div on:click={copy} class="inline-flex w-full">
              <p
                name="token"
                class:bg-green-200={copied}
                class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2">
                {#if editable.registrationKey}
                {registrationLink}
                {:else}
-                You have to save your changes to generate a link.
+                {$_('you-have-to-save-your-changes-to-generate-a-link')}
                {/if}
              </p>
              <div
@@ -351,9 +362,11 @@
                    d="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z" /></svg>
              </div>
            </div>
            {#if editable.registrationKey}
            <p class="text-gray-500 text-xs">
              {$_('click-to-copy-the-link-into-your-clipboard')}
            </p>
            {/if}
          </div>
        {/if}
        <!--  -->
--- a/src/components/orgs/OrgOverview.svelte
+++ b/src/components/orgs/OrgOverview.svelte
@@ -9,11 +9,15 @@
  import Toastify from "toastify-js";
  import ConfirmOrgDeletion from "./ConfirmOrgDeletion.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  $: searchvalue = "";
  $: active_deletes = [];
  $: sponsoring_contracts_show = current_organizations.some((r) => r.is_selected === true);
  $: cards_show = current_organizations.some((r) => r.is_selected === true);
  $: generate_orgs = current_organizations.filter((r) => r.is_selected === true);
  $: certificates_show = current_organizations.some(
    (r) => r.is_selected === true
  );
  export let current_organizations = [];
  const promise = RunnerOrganizationService.runnerOrganizationControllerGetAll().then(
@@ -55,6 +59,9 @@
        <GenerateRunnerCards
            bind:cards_show
            bind:generate_orgs />
        <GenerateRunnerCertificates
            bind:certificates_show
            bind:generate_orgs />
      </div>
      <div
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
--- a/src/components/pdf_generation/GenerateRunnerCards.svelte
+++ b/src/components/pdf_generation/GenerateRunnerCards.svelte
@@ -41,7 +41,7 @@
            duration: -1,
        }).showToast();
        fetch(
-            `${config.baseurl}/documents/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+            `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
            {
                method: "POST",
                headers: {
@@ -67,7 +67,7 @@
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
-                a.download = "Runnercards.pdf";
+                a.download = `${$_('runnercards')}-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
@@ -101,7 +101,7 @@
            cards.push(card);
        }
        fetch(
-            `${config.baseurl}/documents/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+            `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
            {
                method: "POST",
                headers: {
@@ -127,7 +127,12 @@
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
-                a.download = "Runnercards.pdf";
+                if(generate_runners.length == 1){
                    a.download = `${$_('runnercards')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
                }
                else{
                    a.download = `Runnercards-${locale}.pdf`;
                }
                document.body.appendChild(a);
                a.click();
                a.remove();
@@ -149,7 +154,7 @@
        }).showToast();
        let count = 0;
        const current_cards = await RunnerCardService.runnerCardControllerGetAll();
-        for await (const t of generate_teams) {
+        for (const t of generate_teams) {
            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                t.id
            );
@@ -164,7 +169,7 @@
                cards.push(card);
            }
            fetch(
-                `${config.baseurl}/documents/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
@@ -191,7 +196,7 @@
                    const url = window.URL.createObjectURL(blob);
                    let a = document.createElement("a");
                    a.href = url;
-                    a.download = "Sponsorings_" + t.name + ".pdf";
+                    a.download = `${$_('runnercards')}_${t.name}-${locale}.pdf`;
                    document.body.appendChild(a);
                    a.click();
                    a.remove();
@@ -211,15 +216,16 @@
    async function generateOrgCards(locale) {
        const toast = Toastify({
-            text: $_("generating-pdf"),
+            text: $_("generating-pdfs"),
            duration: -1,
        }).showToast();
        let count = 0;
        const current_cards = await RunnerCardService.runnerCardControllerGetAll();
-        for await (const o of generate_orgs) {
+        let count = 0;
-            const runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+        let count_orgs =0;
-                o.id
+        for (const o of generate_orgs) {
-            );
+            count_orgs++;
            let count = 0;
            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
            let cards = [];
            for (let runner of runners) {
                let card = current_cards.find((c) => c.runner?.id == runner.id);
@@ -230,8 +236,8 @@
                }
                cards.push(card);
            }
-            fetch(
+            await fetch(
-                `${config.baseurl}/documents/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
@@ -240,39 +246,97 @@
                    body: JSON.stringify(cards),
                }
            )
-                .then((response) => {
+            .then((response) => {
-                    if (response.status != "200") {
+                if (response.status != "200") {
-                        toast.hideToast();
+                    toast.hideToast();
-                        Toastify({
+                    Toastify({
-                            text: $_("pdf-generation-failed"),
+                        text: $_("pdf-generation-failed"),
-                            duration: 3500,
+                        duration: 3500,
-                            backgroundColor:
+                        backgroundColor:
-                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                        }).showToast();
+                    }).showToast();
-                    } else {
+                } else {
-                        return response.blob();
+                    return response.blob();
-                    }
+                }
-                })
+            })
-                .then((blob) => {
+            .then((blob) => {
-                    count++;
+                const url = window.URL.createObjectURL(blob);
-                    const url = window.URL.createObjectURL(blob);
+                let a = document.createElement("a");
-                    let a = document.createElement("a");
+                a.href = url;
-                    a.href = url;
+                a.download = `${$_('runnercards')}_${o.name}_direct-${locale}.pdf`;
-                    a.download = "Sponsorings_" + o.name + ".pdf";
+                document.body.appendChild(a);
-                    document.body.appendChild(a);
+                a.click();
-                    a.click();
+                a.remove();
-                    a.remove();
+                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    if (count === generate_orgs.length) {
+                    toast.hideToast();
-                        toast.hideToast();
+                    console.log("here")
-                        Toastify({
+                    Toastify({
-                            text: $_("pdfs-successfully-generated"),
+                        text: $_("pdfs-successfully-generated"),
-                            duration: 3500,
+                        duration: 3500,
-                            backgroundColor:
+                        backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
+                        "linear-gradient(to right, #00b09b, #96c93d)",
-                        }).showToast();
+                    }).showToast();
-                    }
+                }
-                })
+            })
-                .catch((err) => {});
+            .catch((err) => {});
            for (const t of o.teams) {
                count++;
                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                    t.id
                );
            let cards = [];
            for (let runner of runners) {
                let card = current_cards.find((c) => c.runner?.id == runner.id);
                if (!card) {
                    card = await RunnerCardService.runnerCardControllerPost({
                        runner: runner.id,
                    });
                }
                cards.push(card);
            }
            await fetch(
                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(cards),
                }
            )
            .then((response) => {
                if (response.status != "200") {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdf-generation-failed"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                    }).showToast();
                } else {
                    return response.blob();
                }
            })
            .then((blob) => {
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
                a.download = `${$_('runnercards')}_${o.name}_${t.name}-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
                if (count === o.teams.length && count_orgs === generate_orgs.length) {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdfs-successfully-generated"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(to right, #00b09b, #96c93d)",
                    }).showToast();
                }
            })
            .catch((err) => {});
            }
        }
    }
 </script>
--- a/src/components/pdf_generation/GenerateRunnerCertificates.svelte
+++ b/src/components/pdf_generation/GenerateRunnerCertificates.svelte
@@ -0,0 +1,332 @@
 <script>
    import { _ } from "svelte-i18n";
    import {
        DonationService,
        RunnerTeamService,
        RunnerOrganizationService
    } from "@odit/lfk-client-js";
    import Toastify from "toastify-js";
    export let certificates_show = false;
    export let generate_runners = [];
    export let generate_orgs = [];
    export let generate_teams = [];
    $: certificates_dropdown_open = false;
    document.addEventListener("click", function (e) {
        if (
            e.target.parentNode?.parentNode?.id != "certificates:dropdown" &&
            e.target.parentNode?.parentNode?.id != "certificates:dropdown:menu"
        ) {
            certificates_dropdown_open = false;
        }
    });
    function generateCertificates(locale) {
        certificates_dropdown_open = false;
        if (generate_orgs.length > 0) {
            generateOrgCertificates(locale);
        } else if (generate_teams.length > 0) {
            generateTeamCertificates(locale);
        } else {
            generateRunnerCertificates(locale);
        }
    }
    async function generateRunnerCertificates(locale) {
        const toast = Toastify({
            text: $_("generating-pdf"),
            duration: -1,
        }).showToast();
        const current_donations = (await DonationService.donationControllerGetAll()) || [];
        let certificateRunners = [];
        for (let runner of generate_runners) {
            runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
            console.log(runner.distanceDonations)
            certificateRunners.push(runner);
        }
        fetch(
            `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
            {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                },
                body: JSON.stringify(certificateRunners),
            }
        )
            .then((response) => {
                if (response.status != "200") {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdf-generation-failed"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                    }).showToast();
                } else {
                    return response.blob();
                }
            })
            .then((blob) => {
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
                if(generate_runners.length == 1){
                    a.download = `${$_('certificates')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
                }
                else{
                    a.download = `${$_('certificates')}-${locale}.pdf`;
                }
                document.body.appendChild(a);
                a.click();
                a.remove();
                toast.hideToast();
                Toastify({
                    text: $_("pdf-successfully-generated"),
                    duration: 3500,
                    backgroundColor:
                        "linear-gradient(to right, #00b09b, #96c93d)",
                }).showToast();
            })
            .catch((err) => {});
    }
    async function generateTeamCertificates(locale) {
        const toast = Toastify({
            text: $_("generating-pdfs"),
            duration: -1,
        }).showToast();
        let count = 0;
        const current_donations = (await DonationService.donationControllerGetAll()) || [];
        for (const t of generate_teams) {
            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                t.id
                );
            let certificateRunners = [];
            for (let runner of runners) {
                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
                certificateRunners.push(runner);
            }
            fetch(
                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(certificateRunners),
                }
            )
                .then((response) => {
                    if (response.status != "200") {
                        toast.hideToast();
                        Toastify({
                            text: $_("pdf-generation-failed"),
                            duration: 3500,
                            backgroundColor:
                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                        }).showToast();
                    } else {
                        return response.blob();
                    }
                })
                .then((blob) => {
                    count++;
                    const url = window.URL.createObjectURL(blob);
                    let a = document.createElement("a");
                    a.href = url;
                    a.download = `${$_('certificates')}_${t.name}-${locale}.pdf`;
                    document.body.appendChild(a);
                    a.click();
                    a.remove();
                    if (count === generate_teams.length) {
                        toast.hideToast();
                        Toastify({
                            text: $_("pdfs-successfully-generated"),
                            duration: 3500,
                            backgroundColor:
                                "linear-gradient(to right, #00b09b, #96c93d)",
                        }).showToast();
                    }
                })
                .catch((err) => {});
        }
    }
    async function generateOrgCertificates(locale) {
        const toast = Toastify({
            text: $_("generating-pdfs"),
            duration: -1,
        }).showToast();
        const current_donations = (await DonationService.donationControllerGetAll()) || [];
        let count = 0;
        let count_orgs =0;
        for (const o of generate_orgs) {
            count_orgs++;
            let count = 0;
            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
            let certificateRunners = [];
            for (let runner of runners) {
                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
                certificateRunners.push(runner);
            }
            await fetch(
                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(certificateRunners),
                }
            )
            .then((response) => {
                if (response.status != "200") {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdf-generation-failed"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                    }).showToast();
                } else {
                    return response.blob();
                }
            })
            .then((blob) => {
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
                a.download = `${$_('certificates')}_${o.name}_direct-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
                if (count === o.teams.length && count_orgs === generate_orgs.length) {
                    toast.hideToast();
                    console.log("here")
                    Toastify({
                        text: $_("pdfs-successfully-generated"),
                        duration: 3500,
                        backgroundColor:
                        "linear-gradient(to right, #00b09b, #96c93d)",
                    }).showToast();
                }
            })
            .catch((err) => {});
            for (const t of o.teams) {
                count++;
                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                    t.id
                );
                let certificateRunners = [];
            for (let runner of runners) {
                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
                certificateRunners.push(runner);
            }
            await fetch(
                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(certificateRunners),
                }
            )
            .then((response) => {
                if (response.status != "200") {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdf-generation-failed"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                    }).showToast();
                } else {
                    return response.blob();
                }
            })
            .then((blob) => {
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
                a.download = `${$_('certificates')}_${o.name}_${t.name}-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
                if (count === o.teams.length && count_orgs === generate_orgs.length) {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdfs-successfully-generated"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(to right, #00b09b, #96c93d)",
                    }).showToast();
                }
            })
            .catch((err) => {});
            }
        }
    }
 </script>
 {#if certificates_show}
    <div id="certificates:dropdown" class="relative inline-block">
        <div>
            <button
                on:click={() => {
                    certificates_dropdown_open = !certificates_dropdown_open;
                }}
                type="button"
                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
                id="options-menu"
                aria-haspopup="true"
                aria-expanded="true">
                {$_('generate-runner-certificates')}
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    class="-mr-1 ml-2 h-5 w-5"><path
                        fill="none"
                        d="M0 0h24v24H0z" />
                    <path
                        fill="currentColor"
                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
            </button>
        </div>
        {#if certificates_dropdown_open}
            <div
                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"
                id="certificates:dropdown:menu">
                <div
                    class="py-1"
                    role="menu"
                    aria-orientation="vertical"
                    aria-labelledby="options-menu">
                    <span
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
                    <button
                        on:click={() => {
                            generateCertificates('de');
                        }}
                        type="submit"
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
                        role="menuitem">
                        {$_('german')}
                    </button>
                    <button
                        on:click={() => {
                            generateCertificates('en');
                        }}
                        type="submit"
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
                        role="menuitem">
                        {$_('english')}
                    </button>
                </div>
            </div>
        {/if}
    </div>
 {/if}
--- a/src/components/pdf_generation/GenerateSponsoringContracts.svelte
+++ b/src/components/pdf_generation/GenerateSponsoringContracts.svelte
@@ -1,6 +1,9 @@
 <script>
    import { getLocaleFromNavigator, _ } from "svelte-i18n";
-    import { RunnerOrganizationService, RunnerTeamService } from "@odit/lfk-client-js";
+    import {
        RunnerOrganizationService,
        RunnerTeamService,
    } from "@odit/lfk-client-js";
    import Toastify from "toastify-js";
    export let sponsoring_contracts_show = false;
    export let generate_runners = [];
@@ -34,13 +37,13 @@
            duration: -1,
        }).showToast();
        let count = 0;
-        for await (const t of generate_teams) {
+        for (const t of generate_teams) {
            count++;
            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                t.id
            );
            fetch(
-                `${config.baseurl}/documents/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
@@ -66,7 +69,7 @@
                    const url = window.URL.createObjectURL(blob);
                    let a = document.createElement("a");
                    a.href = url;
-                    a.download = "Sponsorings_" + t.name + ".pdf";
+                    a.download = `${$_('sponsorings')}_${t.name}-${locale}.pdf`;
                    document.body.appendChild(a);
                    a.click();
                    a.remove();
@@ -89,12 +92,13 @@
            text: $_("generating-pdf"),
            duration: -1,
        }).showToast();
-        for await (const o of generate_orgs) {
+        let count_orgs =0;
-            const runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+        for (const o of generate_orgs) {
-                o.id
+            count_orgs++;
-            );
+            let count = 0;
-            fetch(
+            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
-                `${config.baseurl}/documents/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+            await fetch(
                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
@@ -103,39 +107,87 @@
                    body: JSON.stringify(runners),
                }
            )
-                .then((response) => {
+            .then((response) => {
-                    if (response.status != "200") {
+                if (response.status != "200") {
-                        toast.hideToast();
+                    toast.hideToast();
-                        Toastify({
+                    Toastify({
-                            text: $_("pdf-generation-failed"),
+                        text: $_("pdf-generation-failed"),
-                            duration: 3500,
+                        duration: 3500,
-                            backgroundColor:
+                        backgroundColor:
-                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                        }).showToast();
+                    }).showToast();
-                    } else {
+                } else {
-                        return response.blob();
+                    return response.blob();
-                    }
+                }
-                })
+            })
-                .then((blob) => {
+            .then((blob) => {
-                    count++;
+                const url = window.URL.createObjectURL(blob);
-                    const url = window.URL.createObjectURL(blob);
+                let a = document.createElement("a");
-                    let a = document.createElement("a");
+                a.href = url;
-                    a.href = url;
+                a.download = `${$_('sponsorings')}_${o.name}_direct-${locale}.pdf`;
-                    a.download = "Sponsorings_" + o.name + ".pdf";
+                document.body.appendChild(a);
-                    document.body.appendChild(a);
+                a.click();
-                    a.click();
+                a.remove();
-                    a.remove();
+                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    if (count === generate_orgs.length) {
+                    toast.hideToast();
-                        toast.hideToast();
+                    console.log("here")
-                        Toastify({
+                    Toastify({
-                            text: $_("pdfs-successfully-generated"),
+                        text: $_("pdfs-successfully-generated"),
-                            duration: 3500,
+                        duration: 3500,
-                            backgroundColor:
+                        backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
+                        "linear-gradient(to right, #00b09b, #96c93d)",
-                        }).showToast();
+                    }).showToast();
-                    }
+                }
-                })
+            })
-                .catch((err) => {});
+            .catch((err) => {});
            for (const t of o.teams) {
                count++;
                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
                    t.id
                );
            await fetch(
                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
                {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(runners),
                }
            )
            .then((response) => {
                if (response.status != "200") {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdf-generation-failed"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
                    }).showToast();
                } else {
                    return response.blob();
                }
            })
            .then((blob) => {
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
                a.download = `${$_('sponsorings')}_${o.name}_${t.name}-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
                if (count === o.teams.length && count_orgs === generate_orgs.length) {
                    toast.hideToast();
                    Toastify({
                        text: $_("pdfs-successfully-generated"),
                        duration: 3500,
                        backgroundColor:
                            "linear-gradient(to right, #00b09b, #96c93d)",
                    }).showToast();
                }
            })
            .catch((err) => {});
            }
        }
    }
@@ -145,7 +197,7 @@
            duration: -1,
        }).showToast();
        fetch(
-            `${config.baseurl}/documents/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+            `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
            {
                method: "POST",
                headers: {
@@ -171,7 +223,10 @@
                const url = window.URL.createObjectURL(blob);
                let a = document.createElement("a");
                a.href = url;
-                a.download = "Sponsoring.pdf";
+                if(generate_runners.length == 1){
                    a.download = `${$_('sponsorings')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
                }
                a.download = `${$_('sponsorings')}-${locale}.pdf`;
                document.body.appendChild(a);
                a.click();
                a.remove();
--- a/src/components/runners/ImportRunnerModal.svelte
+++ b/src/components/runners/ImportRunnerModal.svelte
@@ -34,7 +34,7 @@
    document.onkeydown = (e) => {
      e = e || window.event;
      if (e.key === "Escape") {
-        import_modal_open = false;
+        cancelModal();
      }
      if (e.keyCode === 13) {
        //
@@ -202,7 +202,7 @@
              toast.hideToast();
              recent_processed = true;
              Toastify({
-                text: "Import finished",
+                text: $_('import-finished'),
                duration: 500,
                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
              }).showToast();
@@ -281,6 +281,16 @@
                  bind:files
                  type="file" />
              </div>
              <div class="overflow-hidden relative mt-4 mb-4">
                <button
                  on:click={() => {
                    cancelModal();
                  }}
                  type="button"
                  class="w-full rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 md:ml-40 mr-0 sm:ml-0 sm:w-auto sm:text-sm">
                  {$_('cancel')}
                </button>
              </div>
            {/if}
            {#if json_output.length > 0}
              {#if opened_from === 'OrgOverview'}
--- a/src/components/runners/RunnerDetail.svelte
+++ b/src/components/runners/RunnerDetail.svelte
@@ -2,6 +2,7 @@
  import { getLocaleFromNavigator, _ } from "svelte-i18n";
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  import store from "../../store";
  import {
    RunnerService,
@@ -36,6 +37,7 @@
    editable.group != null;
  $: sponsoring_contracts_show = true;
  $: cards_show = true;
  $: certificates_show = true;
  $: generate_runners = [original_data_pdf];
  runner_promise.then((data) => {
    data_loaded = true;
@@ -158,7 +160,10 @@
            bind:sponsoring_contracts_show
            bind:generate_runners />
          <GenerateRunnerCards
-            bind:sponsoring_contracts_show
+            bind:cards_show
            bind:generate_runners />
          <GenerateRunnerCertificates
            bind:certificates_show
            bind:generate_runners />
          {#if !delete_triggered}
            <button
@@ -289,7 +294,7 @@
    <div class="text-sm w-full">
      <span class="font-medium text-gray-700">{$_('distance')}</span>
      <br />
-      <span class="text-gray-700">{original_data.distance} km</span>
+      <span class="text-gray-700">{original_data.distance /1000 } km</span>
    </div>
  </section>
 {:catch error}
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -10,6 +10,7 @@
  import Select from "svelte-select";
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  $: searchvalue = "";
  $: active_deletes = [];
  export let current_runners = [];
@@ -27,6 +28,9 @@
  $: cards_show = current_runners.some(
    (r) => r.is_selected === true
  );
  $: certificates_show = current_runners.some(
    (r) => r.is_selected === true
  );
  $: generate_runners = current_runners.filter((r) => r.is_selected === true);
  $: teams = [];
  $: orgs = [];
@@ -92,6 +96,9 @@
        <GenerateRunnerCards
          bind:cards_show
          bind:generate_runners />
        <GenerateRunnerCertificates
          bind:certificates_show
          bind:generate_runners />
      </div>
      <div
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
@@ -190,7 +197,7 @@
                      {#if runner.group.responseType === 'RUNNERTEAM'}
                        <a
                          href="../teams/{runner.group.id}"
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{runner.group.name}</a>
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{runner.group.parentGroup.name} &gt; {runner.group.name}</a>
                      {/if}
                      {#if runner.group.responseType === 'RUNNERORGANIZATION'}
                        <a
@@ -199,7 +206,7 @@
                      {/if}
                    </td>
                    <td class="px-6 py-4 whitespace-nowrap">
-                      {runner.distance}
+                      {runner.distance /1000 } km
                    </td>
                    {#if active_deletes[runner.id] === true}
                      <td
--- a/src/components/settings/ConfirmProfileDeletion.svelte
+++ b/src/components/settings/ConfirmProfileDeletion.svelte
@@ -17,7 +17,7 @@
    MeService.meControllerRemove(true)
      .then((resp) => {
        Toastify({
-          text: "Profile deleted!",
+          text: $_('profile-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
--- a/src/components/settings/Settings.svelte
+++ b/src/components/settings/Settings.svelte
@@ -4,6 +4,9 @@
  import { MeService } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
  import ConfirmProfileDeletion from "./ConfirmProfileDeletion.svelte";
  import PasswordStrength, {
    password_strong_enough_and_equal,
  } from "../auth/PasswordStrength.svelte";
  $: data_loaded = false;
  $: delete_triggered = false;
  $: original_data = {};
@@ -15,8 +18,10 @@
    JSON.stringify(editable) === JSON.stringify(original_data)
  );
  $: save_enabled = changes_performed && isEmail(editable.email);
-  $: update_password_enabled =
+  $: update_password_enabled = password_strong_enough_and_equal(
-    password_change.length > 0 && password_change === password_confirm;
+    password_change,
    password_confirm
  );
  const user_promise = MeService.meControllerGet().then((data) => {
    data_loaded = true;
    data.groups = data.groups.map((g) => g.id);
@@ -45,7 +50,7 @@
  function changePassword() {
    if (data_loaded === true && update_password_enabled) {
      Toastify({
-        text: $_('changing-your-password'),
+        text: $_("changing-your-password"),
        duration: 2500,
      }).showToast();
      let postdata = Object.assign({}, original_data);
@@ -56,7 +61,7 @@
          password_change = "";
          postdata = {};
          Toastify({
-            text: $_('password-changed'),
+            text: $_("password-changed"),
            duration: 2500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
@@ -242,10 +247,7 @@
                    class="border-gray-300 placeholder-gray-500 appearance-none rounded-md relative block w-full px-3 py-2 border focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 sm:text-sm"
                    placeholder={$_('password')} />
                </div>
-                {#if password_change != password_confirm && password_change.length > 0}
+                <PasswordStrength bind:password_change bind:password_confirm />
                  <span
                    class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">{$_('passwords-dont-match')}</span>
                {/if}
              </div>
              <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
                <button
@@ -257,9 +259,9 @@
                  {$_('update-password')}
                </button>
                {#if update_password_enabled}
-                <p>
+                  <p>
-                  {$_('after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that')}
+                    {$_('after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that')}
-                </p>
+                  </p>
                {/if}
              </div>
            </div>
--- a/src/components/statsclients/AddStatsClientModal.svelte
+++ b/src/components/statsclients/AddStatsClientModal.svelte
@@ -0,0 +1,151 @@
 <script>
  import { _ } from "svelte-i18n";
  import { clickOutside } from "../base/outsideclick";
  import { focusTrap } from "svelte-focus-trap";
  import { StatsClientService } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
  export let modal_open;
  export let new_client;
  export let current_clients;
  export let copy_modal_open;
  function focus(el) {
    el.focus();
  }
  $: description = "";
  $: createbtnenabled = description != "";
  $: processed_last_submit = true;
  (() => {
    document.onkeydown = (e) => {
      e = e || window.event;
      if (e.key === "Escape") {
        modal_open = false;
      }
      if (e.keyCode === 13) {
        if (createbtnenabled === true) {
          createbtnenabled = false;
          submit();
        }
      }
    };
  })();
  function submit() {
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
        text: $_("statsclient-is-being-added"),
        duration: -1,
      }).showToast();
      StatsClientService.statsClientControllerPost({description})
        .then((result) => {
          description = "";
          modal_open = false;
          //
          Toastify({
            text: $_("scanstation-added"),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
          current_clients.push(result);
          current_clients = current_clients;
          new_client = result;
          copy_modal_open = true;
        })
        .catch((err) => {
          //
        })
        .finally(() => {
          processed_last_submit = true;
          //
          toast.hideToast();
        });
    }
  }
 </script>
 {#if modal_open}
  <div
    class="fixed z-10 inset-0 overflow-y-auto"
    use:focusTrap
    use:clickOutside
    on:click_outside={() => {
      modal_open = false;
    }}>
    <div
      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
        <div
          class="absolute inset-0 bg-gray-500 opacity-75"
          data-id="modal_backdrop" />
      </div>
      <span
        class="hidden sm:inline-block sm:align-middle sm:h-screen"
        aria-hidden="true">&#8203;</span>
      <div
        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline">
        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
          <div class="sm:flex sm:items-start">
            <div
              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
              <svg
                class="h-6 w-6 text-blue-600"
                fill="currentColor"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 24 24"
                width="24"
                height="24"><path fill="none" d="M0 0h24v24H0z" />
                <path
                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
            </div>
            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
              <h3 class="text-lg leading-6 font-medium text-gray-900">
                {$_('create-a-new-statsclient')}
              </h3>
              <div class="mt-2 mb-6">
                <p class="text-sm text-gray-500">
                  {$_('please-provide-the-required-information-to-create-a-new-statsclient')}
                </p>
              </div>
              <div class="grid grid-cols-6 gap-6">
                <div class="col-span-6">
                  <label
                    for="description"
                    class="block text-sm font-medium text-gray-700">{$_('description')}</label>
                  <input
                    use:focus
                    autocomplete="off"
                    placeholder={$_('description')}
                    bind:value={description}
                    type="text"
                    name="description"
                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
          <button
            disabled={!createbtnenabled}
            class:opacity-50={!createbtnenabled}
            on:click={submit}
            type="button"
            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('create')}
          </button>
          <button
            on:click={() => {
              modal_open = false;
            }}
            type="button"
            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('cancel')}
          </button>
        </div>
      </div>
    </div>
  </div>
 {/if}
--- a/src/components/statsclients/ConfirmStatsClientDeletion.svelte
+++ b/src/components/statsclients/ConfirmStatsClientDeletion.svelte
@@ -0,0 +1,92 @@
 <script>
  import { _ } from "svelte-i18n";
  import { clickOutside } from "../base/outsideclick";
  import { focusTrap } from "svelte-focus-trap";
  import { ScanStationService } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
  import { createEventDispatcher } from "svelte";
  export let modal_open;
  export let delete_station;
  const dispatch = createEventDispatcher();
  function cancelDelete() {
    modal_open = false;
    dispatch("cancelDelete", { id: delete_station.id });
  }
  function deleteClient() {
    ScanStationService.donorControllerRemove(
      delete_station.id,
      true
    )
      .then((resp) => {
        Toastify({
          text: $_('statsclient-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
        location.replace("./");
      })
      .catch((err) => {});
  }
 </script>
 {#if modal_open}
  <div
    class="fixed z-10 inset-0 overflow-y-auto"
    use:focusTrap
    use:clickOutside
    on:click_outside={cancelDelete}>
    <div
      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
        <div
          class="absolute inset-0 bg-gray-500 opacity-75"
          data-id="modal_backdrop" />
      </div>
      <span
        class="hidden sm:inline-block sm:align-middle sm:h-screen"
        aria-hidden="true">&#8203;</span>
      <div
        class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline">
        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
          <div class="sm:flex sm:items-start">
            <div
              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
              <svg class="h-6 w-6 text-blue-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z"/></svg>
            </div>
            <!-- <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
              <h3 class="text-lg leading-6 font-medium text-gray-900">
                {$_('attention')}
              </h3>
              <div class="mt-2 mb-6">
                <p class="text-sm text-gray-500">
                  {$_(
                    'do-you-want-to-delete-this-donor-with-all-related-donations'
                  )}
                  <br /> 
                  {$_('all-associated-scans-will-get-deleted-as-well')}
                </p>
              </div>
            </div> -->
          </div>
        </div>
        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
          <button
            on:click={deleteClient}
            type="button"
            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('confirm-delete-statsclient')}
          </button>
          <button
            on:click={cancelDelete}
            type="button"
            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('cancel-keep-statsclient')}
          </button>
        </div>
      </div>
    </div>
  </div>
 {/if}
--- a/src/components/statsclients/CopyStatsClientTokenModal.svelte
+++ b/src/components/statsclients/CopyStatsClientTokenModal.svelte
@@ -0,0 +1,129 @@
 <script>
  import { _ } from "svelte-i18n";
  import { focusTrap } from "svelte-focus-trap";
  import Toastify from "toastify-js";
  import { tick, createEventDispatcher } from "svelte";
  export let copy_modal_open;
  export let new_client;
  const dispatch = createEventDispatcher();
  let valueCopy = null;
  let areaDom;
  let copied = false;
  function close() {
    copy_modal_open = false;
  }
  async function copy() {
    valueCopy = new_client.key;
    await tick();
    areaDom.focus();
    areaDom.select();
    try {
      const successful = document.execCommand("copy");
      if (!successful) {
        throw new Error();
      }
      Toastify({
        text: $_("copied-token-to-clipboard"),
        duration: 500,
        backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
      }).showToast();
      copied = true;
    } catch (err) {
      Toastify({
        text: $_("error-whyile-copying-to-clipboard"),
        duration: 500,
        backgroundColor:
          "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
      }).showToast();
    }
    // we can notifi by event or storage about copy status
    valueCopy = null;
  }
 </script>
 {#if copy_modal_open}
  {#if valueCopy != null}
    <textarea bind:this={areaDom}>{valueCopy}</textarea>
  {/if}
  <div class="fixed z-10 inset-0 overflow-y-auto" use:focusTrap>
    <div
      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
        <div
          class="absolute inset-0 bg-gray-500 opacity-75"
          data-id="modal_backdrop" />
      </div>
      <span
        class="hidden sm:inline-block sm:align-middle sm:h-screen"
        aria-hidden="true">&#8203;</span>
      <div
        class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline">
        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
          <div class="sm:flex sm:items-start">
            <div
              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
              <svg
                class="h-6 w-6 text-blue-600"
                fill="currentColor"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z" />
                <path
                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
            </div>
            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
              <h3 class="text-lg leading-6 font-medium text-gray-900">
                {$_('token')}
              </h3>
              <div class="mt-2 mb-6">
                <p class="text-sm text-gray-500">
                  {$_('the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again')}
                  <br />
                  {$_('please-copy-the-token-and-store-it-somewhere-save')}
                </p>
              </div>
              <div class="mt-2 mb-6">
                <label
                  for="token"
                  class="block text-sm font-medium text-gray-700">{$_('token')}</label>
                <div on:click={copy} class="inline-flex">
                  <p
                    name="token"
                    class:bg-green-200={copied}
                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2">
                    {new_client.key}
                  </p>
                  <div
                    class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 24 24"
                      width="24"
                      height="24"><path fill="none" d="M0 0h24v24H0z" />
                      <path
                        fill="currentColor"
                        d="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z" /></svg>
                  </div>
                </div>
                <p class="text-gray-500 text-xs">
                  {$_('click-to-copy-token-to-clipboard')}
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
          <button
            on:click={close}
            type="button"
            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
            {$_('yes-i-copied-the-token')}
          </button>
        </div>
      </div>
    </div>
  </div>
 {/if}
--- a/src/components/statsclients/StatsClientDetail.svelte
+++ b/src/components/statsclients/StatsClientDetail.svelte
@@ -0,0 +1,119 @@
 <script>
  import { t, _ } from "svelte-i18n";
  import store from "../../store";
  import Toastify from "toastify-js";
  import PromiseError from "../base/PromiseError.svelte";
  import ConfirmStatsClientDeletion from "./ConfirmStatsClientDeletion.svelte";
 	import { StatsClientService } from "@odit/lfk-client-js";
  let data_loaded = false;
  let modal_open;
  let delete_client;
  export let params;
  $: delete_triggered = false;
  $: original_data = {};
  const promise = StatsClientService.statsClientControllerGetOne(
    params.clientid
  ).then((data) => {
    data_loaded = true;
    original_data = Object.assign(original_data, data);
  });
  function deleteClient() {
    StatsClientService.statsClientControllerRemove(original_data.id, false)
      .then((resp) => {
        Toastify({
          text: $_("statsclient-deleted"),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
        location.replace("./");
      })
      .catch((err) => {
        modal_open = true;
        delete_client = original_data;
      });
  }
 </script>
 <ConfirmStatsClientDeletion bind:modal_open bind:delete_client />
 {#await promise}
  {$_('loading-statsclient-details')}
 {:then}
  <section class="container p-5 select-none">
    <div class="flex flex-row mb-4">
      <div class="w-full">
        <nav class="w-full flex">
          <ol class="list-none flex flex-row items-center justify-start">
            <li class="flex items-center">
              <svg
                fill="currentColor"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 24 24"
                width="24"
                height="24"><path fill="none" d="M0 0h24v24H0z" />
                <path
                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
            </li>
            <li class="flex items-center ml-2">
              <a class="mr-2" href="./">{$_('statsclient')}</a><svg
                stroke="currentColor"
                fill="none"
                stroke-width="2"
                viewBox="0 0 24 24"
                stroke-linecap="round"
                stroke-linejoin="round"
                class="h-3 w-3 mr-2 stroke-current"
                height="1em"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"><line
                  x1="5"
                  y1="12"
                  x2="19"
                  y2="12" />
                <polyline points="12 5 19 12 12 19" /></svg>
            </li>
            <li class="flex items-center">
              <span class="mr-2">#{original_data.id}</span>
            </li>
          </ol>
        </nav>
      </div>
    </div>
    <div class="mb-8 text-3xl font-extrabold leading-tight">
      #{original_data.id}
      <span data-id="stations_actions_${original_data.id}">
        {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:DELETE')}
          {#if delete_triggered}
            <button
              on:click={deleteClient}
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">{$_('confirm-deletion')}</button>
            <button
              on:click={() => {
                delete_triggered = !delete_triggered;
              }}
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm">{$_('cancel')}</button>
          {/if}
          {#if !delete_triggered}
            <button
              on:click={() => {
                delete_triggered = true;
              }}
              type="button"
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">{$_('delete-statsclient')}</button>
          {/if}
        {/if}
      </span>
    </div>
    <!--  -->
    <div class="text-sm w-full">
      <label
        for="description"
        class="font-medium text-gray-700">{$_('description')}</label>
      <p
        name="description"
        class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" >
        {original_data.description}</p>
    </div>
  </section>
 {:catch error}
  <PromiseError {error} />
 {/await}
--- a/src/components/statsclients/StatsClients.svelte
+++ b/src/components/statsclients/StatsClients.svelte
@@ -0,0 +1,33 @@
 <script>
  import { _ } from "svelte-i18n";
  import store from "../../store";
  import AddStatsClientModal from "./AddStatsClientModal.svelte";
 	import CopyStatsClientTokenModal from "./CopyStatsClientTokenModal.svelte";
  import StatsClientsOverview from "./StatsClientsOverview.svelte";
  export let modal_open = false;
  export let copy_modal_open = false;
  export let new_client = {};
  let current_clients = [];
 </script>
 <section class="container p-5">
  <span class="mb-1 text-3xl font-extrabold leading-tight">
    {$_('statsclients')}
    {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:CREATE')}
      <button
        on:click={() => {
          modal_open = true;
        }}
        type="button"
        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
        {$_('create-a-new-statsclient')}
      </button>
    {/if}
  </span>
  <StatsClientsOverview bind:current_clients bind:modal_open bind:new_client bind:copy_modal_open />
 </section>
 {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:CREATE')}
 <AddStatsClientModal bind:modal_open bind:current_clients bind:new_client bind:copy_modal_open/>
 <CopyStatsClientTokenModal bind:copy_modal_open bind:new_client />
 {/if}
--- a/src/components/statsclients/StatsClientsEmptyState.svelte
+++ b/src/components/statsclients/StatsClientsEmptyState.svelte
@@ -0,0 +1,21 @@
 <script>
  import { _ } from "svelte-i18n";
 import AddStatsClientModal from "./AddStatsClientModal.svelte";
 import CopyScanStationTokenModal from "./CopyStatsClientTokenModal.svelte";
  import scanstations_empty from "./statsclients_empty.svg";
  let modal_open = false;
  let copy_modal_open = false;
  let new_client = {};
  let current_clients = [];
 </script>
 <div class="text-center items-center justify-center">
  <p class="mb-16 text-lg text-gray-500">
    <img class="w-full h-44" src={scanstations_empty} alt="" />
    <span class="font-bold">{$_('you-dont-have-any-scanclients-yet')}.</span><br />
    <span>{$_('add-the-first-statsclient')}</span>
  </p>
 </div>
 <AddStatsClientModal bind:modal_open bind:current_clients bind:new_client bind:copy_modal_open/>
 <CopyScanStationTokenModal bind:copy_modal_open bind:new_client />
--- a/src/components/statsclients/StatsClientsOverview.svelte
+++ b/src/components/statsclients/StatsClientsOverview.svelte
@@ -0,0 +1,150 @@
 <script>
  import { _ } from "svelte-i18n";
  import Toastify from "toastify-js";
  import { StatsClientService } from "@odit/lfk-client-js";
  const promise = StatsClientService.statsClientControllerGetAll().then(
    (result) => {
      current_clients = result;
    }
  );
  import store from "../../store";
  import StatsClientsEmptyState from "./StatsClientsEmptyState.svelte";
  import ConfirmStatsClientDeletion from "./ConfirmStatsClientDeletion.svelte";
  $: searchvalue = "";
  $: active_deletes = [];
  let delete_client = {};
  let modal_open = false;
  export let current_clients = [];
 </script>
 <ConfirmStatsClientDeletion
  on:cancelDelete={(event) => {
    modal_open = false;
    active_deletes[event.detail.id] = false;
  }}
  bind:modal_open
  bind:delete_client />
 {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:GET')}
  {#await promise}
    <div
      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
      role="alert">
      <p class="font-bold">{$_('statsclients-are-being-loaded')}</p>
      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
    </div>
  {:then}
    {#if current_clients.length === 0}
      <StatsClientsEmptyState />
    {:else}
      <input
        type="search"
        bind:value={searchvalue}
        placeholder={$_('datatable.search')}
        aria-label={$_('datatable.search')}
        class="gridjs-input gridjs-search-input mb-4" />
      <div
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
        <table class="divide-y divide-gray-200 w-full">
          <thead class="bg-gray-50">
            <tr>
              <th
              scope="col"
              class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
              {$_('description')}
            </th>
            <th
              scope="col"
              class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
              {$_('prefix')}
            </th>
              <th scope="col" class="relative px-6 py-3">
                <span class="sr-only">{$_('action')}</span>
              </th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200">
            {#each current_clients as c}
              {#if Object.values(c)
                .toString()
                .toLowerCase()
                .includes(searchvalue)}
                <tr data-rowid="station_{c.id}">
                  <td class="px-6 py-4 whitespace-nowrap">
                    <div class="flex items-center">
                      <div class="ml-4">
                        <div class="text-sm font-medium text-gray-900">
                            {c.description}
                        </div>
                      </div>
                    </div>
                  </td>
                  <td class="px-6 py-4 whitespace-nowrap">
                    <div class="flex items-center">
                      <div class="ml-4">
                        <div class="text-sm font-medium text-gray-900">
                          {c.prefix}
                        </div>
                      </div>
                    </div>
                  </td>
                  {#if active_deletes[c.id] === true}
                    <td
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                      <button
                        on:click={() => {
                          active_deletes[c.id] = false;
                        }}
                        tabindex="0"
                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
                      <button
                        on:click={() => {
                          StatsClientService.statsClientControllerRemove(c.id, false)
                            .then((resp) => {
                              current_clients = current_clients.filter((obj) => obj.id !== c.id);
                              Toastify({
                                text: $_('statsclient-deleted'),
                                duration: 500,
                                backgroundColor:
                                  'linear-gradient(to right, #00b09b, #96c93d)',
                              }).showToast();
                            })
                            .catch((err) => {
                              modal_open = true;
                              delete_client = c;
                            });
                        }}
                        tabindex="0"
                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
                    </td>
                  {:else}
                    <td
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                      <a
                        href="/statsclients/{c.id}"
                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
                      {#if store.state.jwtinfo.userdetails.permissions.includes('STATSCLIENT:DELETE')}
                        <button
                          on:click={() => {
                            active_deletes[c.id] = true;
                          }}
                          tabindex="0"
                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
                      {/if}
                    </td>
                  {/if}
                </tr>
              {/if}
            {/each}
          </tbody>
        </table>
      </div>
    {/if}
  {:catch error}
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
      <span class="inline-block align-middle mr-8">
        <b class="capitalize">{$_('general_promise_error')}</b>
        {error}
      </span>
    </div>
  {/await}
 {/if}
--- a/src/components/statsclients/statsclients_empty.svg
+++ b/src/components/statsclients/statsclients_empty.svg
--- a/src/components/teams/AddTeamModal.svelte
+++ b/src/components/teams/AddTeamModal.svelte
@@ -43,7 +43,7 @@
    if (processed_last_submit === true) {
      processed_last_submit = false;
      const toast = Toastify({
-        text: "Team is being added...",
+        text: $_('team-is-being-added'),
        duration: -1,
      }).showToast();
      RunnerTeamService.runnerTeamControllerPost({
@@ -55,7 +55,7 @@
          modal_open = false;
          //
          Toastify({
-            text: "Team added",
+            text: $_('team-added'),
            duration: 500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
--- a/src/components/teams/ConfirmTeamDeletion.svelte
+++ b/src/components/teams/ConfirmTeamDeletion.svelte
@@ -16,7 +16,7 @@
    RunnerTeamService.runnerTeamControllerRemove(delete_team.id, true)
      .then((resp) => {
        Toastify({
-          text: "Team deleted",
+          text: $_('team-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
--- a/src/components/teams/TeamDetail.svelte
+++ b/src/components/teams/TeamDetail.svelte
@@ -14,6 +14,7 @@
  import Teams from "./Teams.svelte";
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  let [teamdata, original, delete_team, orgs, contacts, modal_open] = [
    {},
    {},
@@ -25,11 +26,12 @@
  export let params;
  export let import_modal_open = false;
  $: delete_triggered = false;
-  $: save_enabled = !data_changed && teamdata.parentGroup != null;
+  $: save_enabled = data_changed && teamdata.parentGroup != null;
  $: data_loaded = false;
-  $: data_changed = JSON.stringify(teamdata) === JSON.stringify(original);
+  $: data_changed = !(JSON.stringify(teamdata) === JSON.stringify(original));
  $: sponsoring_contracts_show = true;
  $: cards_show = true;
  $: certificates_show = true;
  $: generate_teams = [original];
  $: group = {};
  $: contact = {};
@@ -45,6 +47,8 @@
    RunnerOrganizationService.runnerOrganizationControllerGetAll().then(
      (val) => {
        orgs = val.map((r) => {
          delete r.contact;
          r.teams = [];
          return { label: r.name, value: r };
        });
        group = orgs.find((g) => g.value.id == teamdata.parentGroup.id);
@@ -65,7 +69,7 @@
    RunnerTeamService.runnerTeamControllerRemove(original.id, false)
      .then((resp) => {
        Toastify({
-          text: "Organization deleted",
+          text: $_('team-deleted'),
          duration: 500,
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
@@ -79,7 +83,7 @@
  function submit() {
    if (data_loaded === true && save_enabled) {
      Toastify({
-        text: "updating team",
+        text: $_('updating-team'),
        duration: 2500,
      }).showToast();
      let postdata = teamdata;
@@ -90,7 +94,7 @@
          Object.assign(original, teamdata);
          original = original;
          Toastify({
-            text: "updated team",
+            text: $_('updated-team'),
            duration: 2500,
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
          }).showToast();
@@ -122,6 +126,9 @@
        <GenerateRunnerCards
          bind:cards_show
          bind:generate_teams />
        <GenerateRunnerCertificates
          bind:certificates_show
          bind:generate_teams />
        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
          <button
            on:click={() => {
--- a/src/components/teams/TeamsOverview.svelte
+++ b/src/components/teams/TeamsOverview.svelte
@@ -9,6 +9,7 @@
  import { clickOutside } from "../base/outsideclick";
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
  $: searchvalue = "";
  $: active_deletes = [];
  $: sponsoring_contracts_show = current_teams.some(
@@ -17,6 +18,9 @@
  $: cards_show = current_teams.some(
    (r) => r.is_selected === true
  );
  $: certificates_show = current_teams.some(
    (r) => r.is_selected === true
  );
  $: generate_teams = current_teams.filter((r) => r.is_selected === true);
  export let current_teams = [];
  let modal_open = false;
@@ -61,6 +65,9 @@
        <GenerateRunnerCards
          bind:cards_show
          bind:generate_teams />
        <GenerateRunnerCertificates
          bind:certificates_show
          bind:generate_teams />
      </div>
      <div
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
--- a/src/components/tracks/Tracks.svelte
+++ b/src/components/tracks/Tracks.svelte
@@ -34,7 +34,7 @@
        `[data-id="triggered_table_actions_${trackid}"]`
      ).parentNode.parentNode.parentNode;
      Toastify({
-        text: "Track is being updated...",
+        text: $_('track-is-being-updated'),
        duration: 500,
      }).showToast();
      TrackService.trackControllerPut(trackid, {
@@ -45,7 +45,7 @@
      })
        .then((r) => {
          Toastify({
-            text: "Track was updated!",
+            text: $_('track-was-updated'),
            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            duration: 1000,
          }).showToast();
--- a/src/components/users/AddUserModal.svelte
+++ b/src/components/users/AddUserModal.svelte
@@ -5,6 +5,9 @@
  import { UserService } from "@odit/lfk-client-js";
  import isEmail from "validator/es/lib/isEmail";
  import Toastify from "toastify-js";
  import PasswordStrength, {
    password_strong_enough,
  } from "../auth/PasswordStrength.svelte";
  export let modal_open;
  export let current_users;
  let firstname_input;
@@ -28,7 +31,10 @@
  $: isLastnameValid = lastname_input_value.trim().length !== 0;
  $: isFirstnameValid = firstname_input_value.trim().length !== 0;
  $: createbtnenabled =
-    isFirstnameValid && isLastnameValid && isPasswordValid && isEmailValid;
+    isFirstnameValid &&
    isLastnameValid &&
    password_strong_enough(password_input_value) &&
    isEmailValid;
  (function () {
    document.onkeydown = function (e) {
      e = e || window.event;
@@ -203,12 +209,8 @@
                    type="password"
                    name="password"
                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
-                  {#if !isPasswordValid}
+                  <PasswordStrength
-                    <span
+                    bind:password_change={password_input_value} />
                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
                      {$_('password-is-required')}
                    </span>
                  {/if}
                </div>
                <div class="col-span-6">
                  <label
--- a/src/components/users/UserPermissions.svelte
+++ b/src/components/users/UserPermissions.svelte
@@ -27,7 +27,7 @@
  });
  function submit() {
    Toastify({
-      text: "updating permissions...",
+      text: $_('updating-permissions'),
      duration: 2500,
    }).showToast();
    to_delete.forEach((d) => {
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +0,0 @@
 import App from './App.svelte';
 const app = new App({
 	target: document.body
 });
 export default app;
 // HMR
 if (import.meta.hot) {
 	import.meta.hot.accept();
 	import.meta.hot.dispose(() => {
 		app.$destroy();
 	});
 }
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -1,420 +1,476 @@
 {
-  "404message": "Die gesuchte Seite wurde leider nicht gefunden.",
+    "404message": "Die gesuchte Seite wurde leider nicht gefunden.",
-  "404title": "Fehler 404",
+    "404title": "Fehler 404",
-  "about": "Über",
+    "about": "Über",
-  "action": "Aktionen",
+    "action": "Aktionen",
-  "active": "Aktiv",
+    "active": "Aktiv",
-  "add-card": "Karte erstellen",
+    "add-card": "Karte erstellen",
-  "add-donation": "Sponsoring erstellen",
+    "add-donation": "Sponsoring erstellen",
-  "add-donor": "Sponsor:in erstellen",
+    "add-donor": "Sponsor:in erstellen",
-  "add-scan": "Scan erstellen",
+    "add-or-update-a-payment": "Zahlung hinzufügen oder bearbeiten",
-  "add-the-first-scanstation": "Erstelle deine erste Scannerstation.",
+    "add-scan": "Scan erstellen",
-  "add-user-group": "Neue Gruppe erstellen",
+    "add-the-first-scanstation": "Erstelle deine erste Scannerstation.",
-  "add-your-first-card": "Erstelle deine erste Läuferkarte",
+    "add-the-first-statsclient": "Erstelle deinen ersten Statsclient.",
-  "add-your-first-contact": "Erstelle den ersten Kontakt",
+    "add-user-group": "Neue Gruppe erstellen",
-  "add-your-first-donor": "Erstelle die erste Sponsor:in",
+    "add-your-first-card": "Erstelle deine erste Läuferkarte",
-  "add-your-first-group": "Erstelle die erste Gruppe",
+    "add-your-first-contact": "Erstelle den ersten Kontakt",
-  "add-your-first-organization": "Erstelle die erste Organisation",
+    "add-your-first-donor": "Erstelle die erste Sponsor:in",
-  "add-your-first-runner": "Erstelle die erste Läufer:in",
+    "add-your-first-group": "Erstelle die erste Gruppe",
-  "add-your-first-team": "Erstelle das erste Team",
+    "add-your-first-organization": "Erstelle die erste Organisation",
-  "add-your-first-track": "Erstelle den ersten Track (Laufstrecke).",
+    "add-your-first-runner": "Erstelle die erste Läufer:in",
-  "add-your-first-user": "Erstelle die erste Benutzer:in",
+    "add-your-first-team": "Erstelle das erste Team",
-  "add-your-fist-donation": "Erstelle dein erstes Sponsoring",
+    "add-your-first-track": "Erstelle den ersten Track (Laufstrecke).",
-  "add-your-fist-scan": "Füge deinen ersten Scan hinzu",
+    "add-your-first-user": "Erstelle die erste Benutzer:in",
-  "adding-card": "Karte wird erstellt",
+    "add-your-fist-donation": "Erstelle dein erstes Sponsoring",
-  "adding-scan": "Scan wird hinzugefügt",
+    "add-your-fist-scan": "Füge deinen ersten Scan hinzu",
-  "address": "Adresse",
+    "adding-card": "Karte wird erstellt",
-  "address-is-required": "Du musst eine Adresse angeben",
+    "adding-donation": "Sponsoring wird erstellt...",
-  "after-deletion-we-cant-restore-your-old-profile": "Nach der Löschung können auch die Admins dein Profil nicht wiederherstellen!",
+    "adding-scan": "Scan wird hinzugefügt",
-  "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "Nach der Änderung wirst du abgemeldet - bitte melde dich dann mit deinem neuen Passwort an.",
+    "address": "Adresse",
-  "all-associated-donations-will-get-deleted-as-well": "Alle Sponsorings dieser Sponsor:in werden ebenfalls gelöscht",
+    "address-is-required": "Du musst eine Adresse angeben",
-  "all-associated-runners-will-be-deleted-too": "Alle zugehörigen Läufer:innen werden auch gelöscht!",
+    "after-deletion-we-cant-restore-your-old-profile": "Nach der Löschung können auch die Admins dein Profil nicht wiederherstellen!",
-  "all-associated-teams-and-runners-will-be-deleted-too": "Alle assoziierten Teams und Läufer:innen werden auch gelöscht!",
+    "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "Nach der Änderung wirst du abgemeldet - bitte melde dich dann mit deinem neuen Passwort an.",
-  "amount": "Anzahl",
+    "all-associated-donations-will-get-deleted-as-well": "Alle Sponsorings dieser Sponsor:in werden ebenfalls gelöscht",
-  "amount-per-kilometer": "Betrag pro Kilometer",
+    "all-associated-runners-will-be-deleted-too": "Alle zugehörigen Läufer:innen werden auch gelöscht!",
-  "apartment-suite-etc": "Apartment, Wohnung, etc.",
+    "all-associated-teams-and-runners-will-be-deleted-too": "Alle assoziierten Teams und Läufer:innen werden auch gelöscht!",
-  "application_name": "Lauf für Kaya! - Admin",
+    "already-paid": "Bereits bezahlt",
-  "applying-changes": "Änderungen anwenden",
+    "amount": "Anzahl",
-  "attention": "Achtung!",
+    "amount-per-kilometer": "Betrag pro Kilometer",
-  "author": "Autor:in",
+    "apartment-suite-etc": "Apartment, Wohnung, etc.",
-  "bitte-bestaetige-diese-laeufer-fuer-den-import": "Bitte die Läufer:innen für den Import bestätigen.",
+    "application_name": "Lauf für Kaya! - Admin",
-  "by": "von",
+    "applying-changes": "Änderungen anwenden",
-  "cancel": "Abbrechen",
+    "attention": "Achtung!",
-  "cancel-delete": "Löschen abbrechen",
+    "author": "Autor:in",
-  "cancel-keep-donor": "Abbrechen, Sponsor:in behalten",
+    "bitte-bestaetige-diese-laeufer-fuer-den-import": "Bitte die Läufer:innen für den Import bestätigen.",
-  "cancel-keep-my-profile": "Abbrechen, mein Profil behalten",
+    "by": "von",
-  "cancel-keep-organization": "Abbrechen und Organisation bearbeiten",
+    "cancel": "Abbrechen",
-  "cancel-keep-team": "Abbrechen, Team behalten",
+    "cancel-delete": "Löschen abbrechen",
-  "cannot-reset-your-password-directly": "Schade. \nWir können das Passwort leider nicht direkt zurücksetzen.\nBitte sende uns eine Mail in der du deine Identität bestätigst.",
+    "cancel-keep-donor": "Abbrechen, Sponsor:in behalten",
-  "card-added": "Karte wurde hinzugefügt",
+    "cancel-keep-my-profile": "Abbrechen, mein Profil behalten",
-  "card-deleted": "Karte gelöscht",
+    "cancel-keep-organization": "Abbrechen und Organisation bearbeiten",
-  "card-updated": "Karte aktualisiert",
+    "cancel-keep-statsclient": "Abbrechen und Statsclient behalten",
-  "cards": "Läuferkarten",
+    "cancel-keep-team": "Abbrechen, Team behalten",
-  "change-your-password-here": "Hier kannst du dein Passwort ändern",
+    "cannot-reset-your-password-directly": "Schade. \nWir können das Passwort leider nicht direkt zurücksetzen.\nBitte sende uns eine Mail in der du deine Identität bestätigst.",
-  "changing-your-password": "Passwort wird geändert",
+    "card-added": "Karte wurde hinzugefügt",
-  "city": "Stadt",
+    "card-deleted": "Karte gelöscht",
-  "click-to-copy-token-to-clipboard": "Klicke auf den Token, um ihn in deine Zwischenablage zu kopieren",
+    "card-updated": "Karte aktualisiert",
-  "close": "Schließen",
+    "cards": "Läuferkarten",
-  "code": "Code",
+    "certificates": "Urkunden",
-  "configure-the-tracks-and-minimum-lap-times": "Bearbeite die Tracks und ihre minimale Rundenzeit",
+    "change-your-password-here": "Hier kannst du dein Passwort ändern",
-  "confirm": "Bestätigen",
+    "changing-your-password": "Passwort wird geändert",
-  "confirm-delete": "Löschung Bestätigen",
+    "city": "Stadt",
-  "confirm-delete-donor-with-all-donations": "Bestätigen, Sponsor:in mit allen Sponsorings löschen",
+    "click-to-copy-the-link-into-your-clipboard": "Klicke auf den Link, um ihn in deine Zwischenablage zu kopieren",
-  "confirm-delete-my-user-profile": "Bestätigung, mein Benutzerprofil löschen",
+    "click-to-copy-token-to-clipboard": "Klicke auf den Token, um ihn in deine Zwischenablage zu kopieren",
-  "confirm-delete-organization-and-associated-teams-runners": "Bestätugung, lösche die Organisation und alle zugehörigen Teams und Läufer:innen.",
+    "close": "Schließen",
-  "confirm-delete-team-and-associated-runners": "Bestätigung, lösche das Team mitsamt seinen Läufer:innen.",
+    "code": "Code",
-  "confirm-deletion": "Löschung Bestätigen",
+    "configure-the-tracks-and-minimum-lap-times": "Bearbeite die Tracks und ihre minimale Rundenzeit",
-  "confirm-the-new-password": "Neues Passwort bestätigen",
+    "confirm": "Bestätigen",
-  "contact": "Kontakt",
+    "confirm-delete": "Löschung Bestätigen",
-  "contact-deleted": "Kontakt gelöscht",
+    "confirm-delete-donor-with-all-donations": "Bestätigen, Sponsor:in mit allen Sponsorings löschen",
-  "contact-information": "Kontaktinformation",
+    "confirm-delete-my-user-profile": "Bestätigung, mein Benutzerprofil löschen",
-  "contact-is-being-updated": "Kontakt wird aktualisiert ...",
+    "confirm-delete-organization-and-associated-teams-runners": "Bestätugung, lösche die Organisation und alle zugehörigen Teams und Läufer:innen.",
-  "contact-is-not-a-member-in-any-group": "Kontakt gehört zu keiner Gruppe",
+    "confirm-delete-statsclient": "Bestätigung, Statsclient löschen",
-  "contacts": "Kontakte",
+    "confirm-delete-team-and-associated-runners": "Bestätigung, lösche das Team mitsamt seinen Läufer:innen.",
-  "contacts-are-being-loaded": "Kontakte werden geladen ...",
+    "confirm-deletion": "Löschung Bestätigen",
-  "copied-token-to-clipboard": "Token wurde in die Zwischenablage kopiert",
+    "confirm-the-new-password": "Neues Passwort bestätigen",
-  "count_organizations": "Organisationen (Anzahl)",
+    "contact": "Kontakt",
-  "count_teams": "Teams (Anzahl)",
+    "contact-added": "Kontakt wurde hinzugefügt",
-  "create": "Erstellen",
+    "contact-deleted": "Kontakt gelöscht",
-  "create-a-new": "Erstelle eine neue",
+    "contact-information": "Kontaktinformation",
-  "create-a-new-card": "Neue Läuferkarte erstellen",
+    "contact-is-being-added": "Kontakt wird erstellt...",
-  "create-a-new-contact": "Kontakt erstellen",
+    "contact-is-being-updated": "Kontakt wird aktualisiert ...",
-  "create-a-new-distance-donation": "Erstelle ein neues Sponsoring",
+    "contact-is-not-a-member-in-any-group": "Kontakt gehört zu keiner Gruppe",
-  "create-a-new-donor": "Neue Sponsor:in erstellen",
+    "contacts": "Kontakte",
-  "create-a-new-fixed-donation": "Erstelle eine neue Festbetragsspende",
+    "contacts-are-being-loaded": "Kontakte werden geladen ...",
-  "create-a-new-organization": "Neue Organisation anlegen",
+    "copied-link-to-clipboard": "Link wurde in die Zwischenablage kopiert",
-  "create-a-new-runner": "Neue Läufer:in erstellen",
+    "copied-token-to-clipboard": "Token wurde in die Zwischenablage kopiert",
-  "create-a-new-scan-fixed-only": "Neuen Scan erstellen (nur mit Festdistanz)",
+    "count_organizations": "Organisationen (Anzahl)",
-  "create-a-new-scanstation": "Neue Station erstellen",
+    "count_teams": "Teams (Anzahl)",
-  "create-a-new-team": "Erstelle ein neues Team",
+    "create": "Erstellen",
-  "create-a-new-track": "Neuen Track erstellen",
+    "create-a-new": "Erstelle eine neue",
-  "create-a-new-user": "Neue Benutzer:in anlegen",
+    "create-a-new-card": "Neue Läuferkarte erstellen",
-  "create-a-new-user-group": "Erstelle eine neue Gruppe",
+    "create-a-new-contact": "Kontakt erstellen",
-  "create-bulk-blanco-cards": "Blankokarten erstellen",
+    "create-a-new-distance-donation": "Erstelle ein neues Sponsoring",
-  "create-bulk-cards": "Blankokarten erstellen",
+    "create-a-new-donor": "Neue Sponsor:in erstellen",
-  "create-organization": "Organisation erstellen",
+    "create-a-new-fixed-donation": "Erstelle eine neue Festbetragsspende",
-  "create-team": "Team erstellen",
+    "create-a-new-organization": "Neue Organisation anlegen",
-  "create-track": "Track erstellen",
+    "create-a-new-runner": "Neue Läufer:in erstellen",
-  "create-user": "Benutzer anlegen",
+    "create-a-new-scan-fixed-only": "Neuen Scan erstellen (nur mit Festdistanz)",
-  "created-blanco-cards": "Blankokarten wurden erstellt",
+    "create-a-new-scanstation": "Neue Station erstellen",
-  "creating-blanco-cards": "Erstelle Blankokarten",
+    "create-a-new-statsclient": "Neuen Statsclient erstellen",
-  "credits": "Credits",
+    "create-a-new-team": "Erstelle ein neues Team",
-  "csv_import__class": "Klasse",
+    "create-a-new-track": "Neuen Track erstellen",
-  "csv_import__firstname": "Vorname",
+    "create-a-new-user": "Neue Benutzer:in anlegen",
-  "csv_import__lastname": "Nachname",
+    "create-a-new-user-group": "Erstelle eine neue Gruppe",
-  "csv_import__middlename": "Mittelname",
+    "create-and-generate-pdf": "Erstellen und PDF herunterladen",
-  "csv_import__team": "Team",
+    "create-bulk-blanco-cards": "Blankokarten erstellen",
-  "danger-zone": "Gefahrenzone",
+    "create-bulk-cards": "Blankokarten erstellen",
-  "dashboard-greeting": "Hallo",
+    "create-organization": "Organisation erstellen",
-  "dashboard-title": "Dashboard",
+    "create-team": "Team erstellen",
-  "datatable": {
+    "create-track": "Track erstellen",
-    "search": "🔍 Suche ...",
+    "create-user": "Benutzer anlegen",
-    "an_error_happened_while_fetching_the_data": "Beim Abrufen der Daten ist ein Fehler aufgetreten",
+    "create-without-pdf": "Ohne PDF erstellen",
-    "loading": "Wird geladen...",
+    "created-blanco-cards": "Blankokarten wurden erstellt",
-    "next": "Nächste",
+    "creating-blanco-cards": "Erstelle Blankokarten",
-    "of": "von",
+    "credits": "Credits",
-    "previous": "Vorherige",
+    "csv_import__class": "Klasse",
-    "to": "bis",
+    "csv_import__firstname": "Vorname",
-    "showing": "Zeige",
+    "csv_import__lastname": "Nachname",
-    "no_matching_records_found": "Keine passenden Einträge gefunden",
+    "csv_import__middlename": "Mittelname",
-    "page": "Seite",
+    "csv_import__team": "Team",
-    "records": "Einträge",
+    "danger-zone": "Gefahrenzone",
-    "sort_column_ascending": "Spalte aufsteigend sortieren",
+    "dashboard-greeting": "Hallo",
-    "sort_column_descending": "Spalte absteigend sortieren"
+    "dashboard-title": "Dashboard",
-  },
+    "datatable": {
-  "delete": "Löschen",
+        "search": "🔍 Suche ...",
-  "delete-contact": "Kontakt löschen",
+        "an_error_happened_while_fetching_the_data": "Beim Abrufen der Daten ist ein Fehler aufgetreten",
-  "delete-donation": "Sponsporing löschen",
+        "loading": "Wird geladen...",
-  "delete-donor": "Sponsor:in löschen",
+        "next": "Nächste",
-  "delete-group": "Gruppe löschen",
+        "of": "von",
-  "delete-organization": "Organisation löschen",
+        "previous": "Vorherige",
-  "delete-profile": "Profil löschen",
+        "to": "bis",
-  "delete-runner": "Läufer:in löschen",
+        "showing": "Zeige",
-  "delete-scan": "Scan löschen",
+        "no_matching_records_found": "Keine passenden Einträge gefunden",
-  "delete-station": "Station löschen",
+        "page": "Seite",
-  "delete-team": "Team Löschen",
+        "records": "Einträge",
-  "delete-user": "Benutzer:in löschen",
+        "sort_column_ascending": "Spalte aufsteigend sortieren",
-  "deleted-scan": "Scan wurde gelöscht",
+        "sort_column_descending": "Spalte absteigend sortieren"
-  "dependency_name": "Name",
+    },
-  "description": "Beschreibung",
+    "delete": "Löschen",
-  "description-optional": "Beschreibung (optional)",
+    "delete-contact": "Kontakt löschen",
-  "deselect-all": "Alle abwählen",
+    "delete-donation": "Sponsoring löschen",
-  "details": "Details",
+    "delete-donor": "Sponsor:in löschen",
-  "disabled": "deaktiviert",
+    "delete-group": "Gruppe löschen",
-  "distance": "Distanz",
+    "delete-organization": "Organisation löschen",
-  "distance-donation": "Sponsoring",
+    "delete-profile": "Profil löschen",
-  "distance-in-km": "Distanz (in KM)",
+    "delete-runner": "Läufer:in löschen",
-  "distance-track": "Distanz (+Track)",
+    "delete-scan": "Scan löschen",
-  "do-you-really-want-to-delete-your-profile": "Möchtest du dein Profil wirklich löschen?",
+    "delete-station": "Station löschen",
-  "do-you-want-to-delete-the-organization-delete_org-name": "Möchtest du die Organisation {orgname} löschen?",
+    "delete-statsclient": "Statsclient löschen",
-  "do-you-want-to-delete-the-team-delete_team-name": "Möchtest du das Team {teamname} löschen?",
+    "delete-team": "Team Löschen",
-  "do-you-want-to-delete-this-donor-with-all-related-donations": "Möchtest du diese Sponsor:in mit all ihren Sponsorings löschen?",
+    "delete-user": "Benutzer:in löschen",
-  "documentation": "Dokumentation",
+    "deleted-scan": "Scan wurde gelöscht",
-  "donation-amount": "Sponsoringbetrag",
+    "dependency_name": "Name",
-  "donation-amount-must-be-greater-that-0-00eur": "Der Sponsoringbetrag muss größer als 0.00€ sein.",
+    "description": "Beschreibung",
-  "donations": "Sponsorings",
+    "description-optional": "Beschreibung (optional)",
-  "donor": "Sponsor:in",
+    "deselect-all": "Alle abwählen",
-  "donor-added": "Sponsor:in hinzugefügt",
+    "details": "Details",
-  "donor-deleted": "Sponsor:in gelöscht",
+    "disabled": "deaktiviert",
-  "donor-has-no-associated-donations": "Zur Sponsor:in gibt es noch keine Sponsorings",
+    "distance": "Distanz",
-  "donor-is-being-added": "Sponsor:in wird hinzugefügt...",
+    "distance-donation": "Sponsoring",
-  "donor-is-being-updated": "Sponsor:in wird aktualisiert",
+    "distance-in-km": "Distanz (in KM)",
-  "donors": "Sponsor:innen",
+    "distance-track": "Distanz (+Track)",
-  "donors-are-being-loaded": "Sponsor:innen werden geladen",
+    "do-you-really-want-to-delete-your-profile": "Möchtest du dein Profil wirklich löschen?",
-  "dont-have-your-email-connected": "Deine E-Mail ist nicht verknüpft?",
+    "do-you-want-to-delete-the-organization-delete_org-name": "Möchtest du die Organisation {orgname} löschen?",
-  "dont-panic-were-resetting-it": "Keine Panik, wir setzen es zurück ✌",
+    "do-you-want-to-delete-the-team-delete_team-name": "Möchtest du das Team {teamname} löschen?",
-  "e-mail-adress": "E-Mail-Adresse",
+    "do-you-want-to-delete-this-donor-with-all-related-donations": "Möchtest du diese Sponsor:in mit all ihren Sponsorings löschen?",
-  "edit": "Bearbeiten",
+    "documentation": "Dokumentation",
-  "edit-a-card": "Läuferkarte bearbeiten",
+    "donation-amount": "Sponsoringbetrag",
-  "edit-permissions": "Berechtigungen bearbeiten",
+    "donation-amount-must-be-greater-that-0-00eur": "Der Sponsoringbetrag muss größer als 0.00€ sein.",
-  "email_address_or_username": "E-Mail-Adresse/ Benutzername",
+    "donation-deleted": "Sponsoring gelöscht",
-  "enabled": "aktiviert",
+    "donation-updated": "Sponsoring wurde aktualisiert",
-  "enabled_large": "Aktiviert",
+    "donation_added": "Sponsoring hinzugefügt",
-  "english": "Englisch",
+    "donations": "Sponsorings",
-  "error-during-import": "Fehler beim Importieren",
+    "donor": "Sponsor:in",
-  "error-whyile-copying-to-clipboard": "Fehler beim Kopieren in die Zwischenablage",
+    "donor-added": "Sponsor:in hinzugefügt",
-  "error_on_login": "😢Fehler beim Login",
+    "donor-deleted": "Sponsor:in gelöscht",
-  "erteilte": "Direkt erteilte",
+    "donor-has-no-associated-donations": "Zur Sponsor:in gibt es noch keine Sponsorings",
-  "everything-concerning-your-profile": "Alles zu deinem Profil",
+    "donor-is-being-added": "Sponsor:in wird hinzugefügt...",
-  "everything-is-more-fun-together": "Im Team macht's mehr Spaß 🏃‍♂️🏃‍♀️🏃‍♂️",
+    "donor-is-being-updated": "Sponsor:in wird aktualisiert",
-  "faq": "FAQ",
+    "donors": "Sponsor:innen",
-  "filter-by-organization-team": "Filtern nach Organisation / Team",
+    "donors-are-being-loaded": "Sponsor:innen werden geladen",
-  "first-name": "Vorname",
+    "dont-have-your-email-connected": "Deine E-Mail ist nicht verknüpft?",
-  "first-name-is-required": "Vorname muss angegeben werden",
+    "dont-panic-were-resetting-it": "Keine Panik, wir setzen es zurück ✌",
-  "first-scan-of-the-day": "Erster Scan des Tages",
+    "e-mail-adress": "E-Mail-Adresse",
-  "fixed-donation": "Festbetragsspende",
+    "edit": "Bearbeiten",
-  "forgot_password": "Passwort vergessen?",
+    "edit-a-card": "Läuferkarte bearbeiten",
-  "geerbte": "geerbte",
+    "edit-permissions": "Berechtigungen bearbeiten",
-  "general-stats": "Allgemeine Statistiken",
+    "email_address_or_username": "E-Mail-Adresse/ Benutzername",
-  "general_promise_error": "😢 Ein unbekannter Fehler ist aufgetreten",
+    "enabled": "aktiviert",
-  "generate-runnercards": "Läuferkarten generieren",
+    "enabled_large": "Aktiviert",
-  "generate-sponsoring-contract": "Sponsoringvertrag generieren",
+    "english": "Englisch",
-  "generate-sponsoring-contracts": "Sponsoringverträge generieren",
+    "enter-payment": "Zahlung eingeben",
-  "generating-pdf": "Pdf wird generiert...",
+    "error-during-import": "Fehler beim Importieren",
-  "generating-pdfs": "PDFs werden generiert...",
+    "error-whyile-copying-to-clipboard": "Fehler beim Kopieren in die Zwischenablage",
-  "generic-ui-logic-error": "Etwas ist in der Benutzeroberfläche schiefgelaufen.",
+    "error_on_login": "😢Fehler beim Login",
-  "german": "Deutsch",
+    "erteilte": "Direkt erteilte",
-  "go-to-login": "Zum Login",
+    "everything-concerning-your-profile": "Alles zu deinem Profil",
-  "goback": "Zur Startseite",
+    "everything-is-more-fun-together": "Im Team macht's mehr Spaß 🏃‍♂️🏃‍♀️🏃‍♂️",
-  "granted": "Gewährt",
+    "faq": "FAQ",
-  "group": "Gruppe",
+    "filename_sponsoringquittungsliste": "SponsoringQuittungsListe",
-  "group-added": "Gruppe hinzugefügt",
+    "filter-by-organization-team": "Filtern nach Organisation / Team",
-  "group-is-being-added": "Gruppe wird erstellt",
+    "first-name": "Vorname",
-  "group-name-is-required": "Der Gruppenname muss angegeben werden.",
+    "first-name-is-required": "Vorname muss angegeben werden",
-  "group-updated": "Gruppe aktualisiert",
+    "first-scan-of-the-day": "Erster Scan des Tages",
-  "groups": "Gruppen",
+    "fixed-donation": "Festbetragsspende",
-  "groups-are-being-loaded": "Gruppen werden geladen",
+    "forgot_password": "Passwort vergessen?",
-  "home": "Start",
+    "geerbte": "geerbte",
-  "icon-image-credits": "Wir möchten uns außerdem für die verwendeten Icons und Bilder bedanken bei:",
+    "general-stats": "Allgemeine Statistiken",
-  "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "Wenn du mehrere Blankokarten erstellen willst, nutze doch den \"Blankokarten erstellen\" Knopf.",
+    "general_promise_error": "😢 Ein unbekannter Fehler ist aufgetreten",
-  "import-finished": "Import abgeschlossen",
+    "generate-runner-certificate": "Urkunde generieren",
-  "import-runners": "Läufer:innen importieren",
+    "generate-runner-certificates": "Urkunden generieren",
-  "import__target-organization": "Ziel Organisation",
+    "generate-runnercards": "Läuferkarten generieren",
-  "imprint": "Impressum ",
+    "generate-sponsoring-contract": "Sponsoringvertrag generieren",
-  "imprint-loading": "Impressum lädt...",
+    "generate-sponsoring-contracts": "Sponsoringverträge generieren",
-  "inactive": "Inaktiv",
+    "generating-pdf": "PDF wird generiert...",
-  "installed-version": "Installierte Version",
+    "generating-pdfs": "PDFs werden generiert...",
-  "internal-error": "Interner Fehler",
+    "generic-ui-logic-error": "Etwas ist in der Benutzeroberfläche schiefgelaufen.",
-  "invalid": "Ungültig",
+    "german": "Deutsch",
-  "invalid-mail-reset": "Das ist keine gültige E-Mail",
+    "go-to-login": "Zum Login",
-  "just-enter-how-many-you-want-and-the-system-will-create-them": "Gebe einfach ein, wie viele Blankokarten das System erstellen soll.",
+    "goback": "Zur Startseite",
-  "laeufer-hinzufuegen": "Läufer:in hinzufügen",
+    "granted": "Gewährt",
-  "laeufer-importieren": "Läufer:innen importieren",
+    "group": "Gruppe",
-  "laptime": "Rundenzeit",
+    "group-added": "Gruppe hinzugefügt",
-  "last-name": "Nachname",
+    "group-is-being-added": "Gruppe wird erstellt",
-  "last-name-is-required": "Nachname muss angegeben werden",
+    "group-name-is-required": "Der Gruppenname muss angegeben werden.",
-  "lfk-is-os": "Das \"Lauf für Kaya!\" Frontend ist (wie alle anderen Projekte für den \"LfK!\" auch) ein OpenSource Projekt.",
+    "group-updated": "Gruppe aktualisiert",
-  "license": "Lizenz",
+    "groups": "Gruppen",
-  "licenses-are-being-loaded": "Lizenzen werden geladen...",
+    "groups-are-being-loaded": "Gruppen werden geladen",
-  "loading-cards": "Läuferkarten werden geladen",
+    "home": "Start",
-  "loading-contact-details": "Kontaktdaten werden geladen ...",
+    "icon-image-credits": "Wir möchten uns außerdem für die verwendeten Icons und Bilder bedanken bei:",
-  "loading-donation-details": "Lade Sponsoringdetails",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "Wenn du mehrere Blankokarten erstellen willst, nutze doch den \"Blankokarten erstellen\" Knopf.",
-  "loading-donor-details": "Lade Details",
+    "import-finished": "Import abgeschlossen",
-  "loading-group-detail": "Lade Gruppendetails...",
+    "import-runners": "Läufer:innen importieren",
-  "loading-profile-data": "Lade Profildaten",
+    "import__target-organization": "Ziel Organisation",
-  "loading-runners": "Läufer:innen werden geladen...",
+    "imprint": "Impressum ",
-  "loading-station-details": "Lade Scanstation-Details ...",
+    "imprint-loading": "Impressum lädt...",
-  "log_in": "Anmelden",
+    "inactive": "Inaktiv",
-  "log_in_to_your_account": "Bitte melde dich an",
+    "installed-version": "Installierte Version",
-  "login_is_checked": "Login wird überprüft",
+    "internal-error": "Interner Fehler",
-  "logout": "Abmelden",
+    "invalid": "Ungültig",
-  "mail-validation-in-progress": "E-Mail Verifizierung läuft... ",
+    "invalid-mail-reset": "Das ist keine gültige E-Mail",
-  "manage-admin-users": "Nutzer verwalten",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Gebe einfach ein, wie viele Blankokarten das System erstellen soll.",
-  "middle-name": "Mittelname",
+    "key": "Schlüssel",
-  "minimum-lap-time-in-s": "Minimale Rundenzeit (in Sekunden)",
+    "laeufer-hinzufuegen": "Läufer:in hinzufügen",
-  "minimum-lap-time-must-be-a-positive-number-or-0": "Die minimale Rundenzeit muss eine positive Zahl oder 0 sein",
+    "laeufer-importieren": "Läufer:innen importieren",
-  "name": "Name",
+    "laptime": "Rundenzeit",
-  "name-is-required": "Der Gruppenname muss angegeben werden",
+    "last-name": "Nachname",
-  "new-password": "Neues Passwort",
+    "last-name-is-required": "Nachname muss angegeben werden",
-  "no-contact-found": "Keine Kontakte gefunden",
+    "lfk-is-os": "Das \"Lauf für Kaya!\" Frontend ist (wie alle anderen Projekte für den \"LfK!\" auch) ein OpenSource Projekt.",
-  "no-contact-selected": "Kein Kontakt ausgewählt",
+    "license": "Lizenz",
-  "no-contact-specified": "Kein Kontakt angegeben",
+    "licenses-are-being-loaded": "Lizenzen werden geladen...",
-  "no-donors-found": "Keine Spender:innen gefunden",
+    "loading-cards": "Läuferkarten werden geladen",
-  "no-license-text-could-be-found": "Kein Lizenz-Text gefunden 😢",
+    "loading-contact-details": "Kontaktdaten werden geladen ...",
-  "no-organization-or-team-found": "Keine Organisationen oder Teams gefunden",
+    "loading-donation-details": "Lade Sponsoringdetails",
-  "no-organization-specified": "Keine Organisation angegeben",
+    "loading-donor-details": "Lade Details",
-  "no-organizations-found": "Keine Organisationen gefunden",
+    "loading-group-detail": "Lade Gruppendetails...",
-  "no-runners-found": "Keine Läufer:innen gefunden",
+    "loading-profile-data": "Lade Profildaten",
-  "no-tracks-added-yet": "Es wurden noch keine Tracks erstellt.",
+    "loading-runners": "Läufer:innen werden geladen...",
-  "non-blanko": "Keine/Blankokarte",
+    "loading-station-details": "Lade Scanstation-Details ...",
-  "organization": "Organisation",
+    "log_in": "Anmelden",
-  "organization-added": "Organisation hinzugefügt",
+    "log_in_to_your_account": "Bitte melde dich an",
-  "organization-deleted": "Organisation gelöscht",
+    "login_is_checked": "Login wird überprüft",
-  "organization-detail-is-being-loaded": "Organisationsdetails werden geladen ...",
+    "logout": "Abmelden",
-  "organization-is-being-added": "Organisation wird hinzugefügt ...",
+    "mail-validation-in-progress": "E-Mail Verifizierung läuft... ",
-  "organization-name-is-required": "Der Name muss angegeben werden",
+    "manage-admin-users": "Nutzer verwalten",
-  "organizations": "Organisationen",
+    "middle-name": "Mittelname",
-  "organizations-are-being-loaded": "Organisationen werden geladen ...",
+    "minimum-lap-time-in-s": "Minimale Rundenzeit (in Sekunden)",
-  "orgs": "Organisationen",
+    "minimum-lap-time-must-be-a-positive-number-or-0": "Die minimale Rundenzeit muss eine positive Zahl oder 0 sein",
-  "oss_credit_description": "Wir verwenden eine Menge Open Source-Software bei diesen Projekten und möchten uns bei den folgenden Projekten und Mitwirkenden bedanken, die dazu beitragen, Open Source großartig zu machen!",
+    "must-be-at-least-10-characters-long": "Passwort muss mindestens 10 Zeichen lang sein!",
-  "password": "Passwort",
+    "must-contain-a-lowercase-letter": "Passwort muss einen Großbuchstaben enthalten!",
-  "password-changed": "Passwort wurde aktualisiert!",
+    "must-contain-a-number": "Passwort muss eine Zahl enthalten!",
-  "password-is-required": "Passwort muss angegeben werden",
+    "must-contain-a-uppercase-letter": "Passwort muss einen Kleinbuchstaben enthalten!",
-  "password-reset-failed": "Passwort zurücksetzen ist fehlgeschlagen!",
+    "name": "Name",
-  "password-reset-in-progress": "Passwort wird zurückgesetzt...",
+    "name-is-required": "Der Gruppenname muss angegeben werden",
-  "password-reset-mail-sent": "Passwort-Reset Mail wurde an \"{usersEmail}\" geschickt.",
+    "new-password": "Neues Passwort",
-  "password-reset-successful": "Passwort erfolgreich zurückgesetzt!",
+    "no-contact-found": "Keine Kontakte gefunden",
-  "passwords-dont-match": "Die Passwörter stimmen nicht überein.",
+    "no-contact-selected": "Kein Kontakt ausgewählt",
-  "pdf-generation-failed": "PDF Generierung fehlgeschlagen!",
+    "no-contact-specified": "Kein Kontakt angegeben",
-  "pdf-successfully-generated": "PDF wurde erfolgreich generiert!",
+    "no-donors-found": "Keine Spender:innen gefunden",
-  "pdfs-successfully-generated": "Alle PDFs wurden generiert!",
+    "no-license-text-could-be-found": "Kein Lizenz-Text gefunden 😢",
-  "per-kilometer": "pro Kilometer",
+    "no-organization-or-team-found": "Keine Organisationen oder Teams gefunden",
-  "permissions": "Berechtigungen",
+    "no-organization-specified": "Keine Organisation angegeben",
-  "permissions-updated": "Berechtigungen aktualisiert!",
+    "no-organizations-found": "Keine Organisationen gefunden",
-  "phone": "Telefon",
+    "no-runners-found": "Keine Läufer:innen gefunden",
-  "please-copy-the-token-and-store-it-somewhere-save": "Bitte kopiere dir den Token und bewahre ihn gut auf.",
+    "no-tracks-added-yet": "Es wurden noch keine Tracks erstellt.",
-  "please-provide-a-password": "Bitte gebe ein Passwort an...",
+    "non-blanko": "Keine/Blankokarte",
-  "please-provide-the-nessecary-information-to-add-a-new-donor": "Bitte mach die Notwendigen Angaben, um eine neue Sponsor:in zu erstellen",
+    "open": "OFFEN",
-  "please-provide-the-nessecary-information-to-create-a-new-donation": "Bitte gebe alle für das Sponsoring notwendigen Daten an.",
+    "organization": "Organisation",
-  "please-provide-the-nessecary-information-to-create-a-new-scan": "Bitte gebe alle notwendigen Informationen an, um einen neuen Scan zu erstellen.",
+    "organization-added": "Organisation hinzugefügt",
-  "please-provide-the-required-csv-xlsx-file": "Bitte eine CSV oder XLSX Datei hochladen.",
+    "organization-deleted": "Organisation gelöscht",
-  "please-provide-the-required-information-for-creating-a-new-user-group": "Bitte gebe alle für eine neue Gruppe notwendigen Informationen an.",
+    "organization-detail-is-being-loaded": "Organisationsdetails werden geladen ...",
-  "please-provide-the-required-information-to-add-a-new-contact": "Bitte gebe alle nötigen Informationen an, im den neuen Kontakt zu erstellen.",
+    "organization-is-being-added": "Organisation wird hinzugefügt ...",
-  "please-provide-the-required-information-to-add-a-new-organization": "Bitte gebe alle nötigen Informationen an, im die neue Organisation zu erstellen.",
+    "organization-name-is-required": "Der Name muss angegeben werden",
-  "please-provide-the-required-information-to-add-a-new-runner": "Bitte die benötigten Informationen angeben.",
+    "organizations": "Organisationen",
-  "please-provide-the-required-information-to-add-a-new-team": "Bitte gebe alle nötigen Informationen an, im das neue Team zu erstellen.",
+    "organizations-are-being-loaded": "Organisationen werden geladen ...",
-  "please-provide-the-required-information-to-add-a-new-track": "Bitte die benötigten Informationen angeben.",
+    "orgs": "Organisationen",
-  "please-provide-the-required-information-to-add-a-new-user": "Bitte gebe alle nötigen Informationen an, im die neue Benutzer:in zu erstellen.",
+    "oss_credit_description": "Wir verwenden eine Menge Open Source-Software bei diesen Projekten und möchten uns bei den folgenden Projekten und Mitwirkenden bedanken, die dazu beitragen, Open Source großartig zu machen!",
-  "please-provide-the-required-information-to-create-a-new-scanstation": "Bitte gebe alle für eine Scannerstation notwendigen Informationen an",
+    "paid": "BEZAHLT",
-  "please-request-a-new-reset-mail": "Bitte eine neue Passwortreset-Mail anfordern...",
+    "paid-amount": "Gezahlter Betrag",
-  "privacy": "Datenschutz",
+    "password": "Passwort",
-  "privacy-loading": "Datenschutzerklärung lädt...",
+    "password-changed": "Passwort wurde aktualisiert!",
-  "profile": "Profil",
+    "password-is-required": "Passwort muss angegeben werden",
-  "profile-picture": "Profilbild",
+    "password-reset-failed": "Passwort zurücksetzen ist fehlgeschlagen!",
-  "profile-updated": "Profil wurde aktualisiert!",
+    "password-reset-in-progress": "Passwort wird zurückgesetzt...",
-  "read-license": "Lizenz-Text lesen",
+    "password-reset-mail-sent": "Passwort-Reset Mail wurde an \"{usersEmail}\" geschickt.",
-  "receipt-needed": "Spendenquittung benötigt",
+    "password-reset-successful": "Passwort erfolgreich zurückgesetzt!",
-  "repo_link": "Link",
+    "passwords-dont-match": "Die Passwörter stimmen nicht überein!",
-  "request-a-new-reset-mail": "Neue Reset-Mail anfordern",
+    "payment-amount-must-be-greater-than-0-00eur": "Der Zahlungsbetrag muss größer als 0.00€ sein!",
-  "reset-my-password": "Passwort zurücksetzen",
+    "pdf-generation-failed": "PDF Generierung fehlgeschlagen!",
-  "reset-password": "Passwort zurücksetzen",
+    "pdf-successfully-generated": "PDF wurde erfolgreich generiert!",
-  "runner": "Läufer:in",
+    "pdfs-successfully-generated": "Alle PDFs wurden generiert!",
-  "runner-added": "Läufer:in hinzugefügt",
+    "per-kilometer": "pro Kilometer",
-  "runner-import": "Läufer:innen Import",
+    "permissions": "Berechtigungen",
-  "runner-is-being-added": "Läufer:in wird hinzugefügt...",
+    "permissions-updated": "Berechtigungen aktualisiert!",
-  "runner-updated": "Läufer:in aktualisiert!",
+    "phone": "Telefon",
-  "runnerimport_verify_runners_org": "Bitte die Läufer:innen für den Import in die Organisation \"{org_name}\" bestätigen",
+    "please-copy-the-token-and-store-it-somewhere-save": "Bitte kopiere dir den Token und bewahre ihn gut auf.",
-  "runners": "Läufer",
+    "please-provide-a-password": "Bitte gebe ein Passwort an...",
-  "runners-are-being-imported": "Läufer:innen werden importiert ...",
+    "please-provide-the-nessecary-information-to-add-a-new-donor": "Bitte mach die Notwendigen Angaben, um eine neue Sponsor:in zu erstellen",
-  "runners-are-being-loaded": "Läufer:innen werden geladen ...",
+    "please-provide-the-nessecary-information-to-create-a-new-donation": "Bitte gebe alle für das Sponsoring notwendigen Daten an.",
-  "save": "Speichern",
+    "please-provide-the-nessecary-information-to-create-a-new-scan": "Bitte gebe alle notwendigen Informationen an, um einen neuen Scan zu erstellen.",
-  "save-changes": "Änderungen speichern",
+    "please-provide-the-required-csv-xlsx-file": "Bitte eine CSV oder XLSX Datei hochladen.",
-  "scan-added": "Scan hinzugefügt",
+    "please-provide-the-required-information-for-creating-a-new-user-group": "Bitte gebe alle für eine neue Gruppe notwendigen Informationen an.",
-  "scan-is-being-updated": "Scan wird aktualisiert",
+    "please-provide-the-required-information-to-add-a-new-contact": "Bitte gebe alle nötigen Informationen an, im den neuen Kontakt zu erstellen.",
-  "scan-with-fixed-distance": "Scan mit Festdistanz",
+    "please-provide-the-required-information-to-add-a-new-organization": "Bitte gebe alle nötigen Informationen an, im die neue Organisation zu erstellen.",
-  "scans": "Scans",
+    "please-provide-the-required-information-to-add-a-new-runner": "Bitte die benötigten Informationen angeben.",
-  "scans-are-being-loaded": "Scans werden geladen",
+    "please-provide-the-required-information-to-add-a-new-team": "Bitte gebe alle nötigen Informationen an, im das neue Team zu erstellen.",
-  "scanstation": "Scanner Station",
+    "please-provide-the-required-information-to-add-a-new-track": "Bitte die benötigten Informationen angeben.",
-  "scanstation-added": "Station wurde erstellt",
+    "please-provide-the-required-information-to-add-a-new-user": "Bitte gebe alle nötigen Informationen an, im die neue Benutzer:in zu erstellen.",
-  "scanstation-is-being-added": "Scannerstation wird angelegt...",
+    "please-provide-the-required-information-to-create-a-new-scanstation": "Bitte gebe alle für eine Scannerstation notwendigen Informationen an",
-  "scanstations": "Scanner Stationen",
+    "please-provide-the-required-information-to-create-a-new-statsclient": "Bitte gebe alle für einen Statsclient notwendigen Informationen an",
-  "scanstations-are-being-loaded": "Scannerstationen werden geladen...",
+    "please-request-a-new-reset-mail": "Bitte eine neue Passwortreset-Mail anfordern...",
-  "search-for-an-organization-by-name-or-id": "Suche eine Organisation (via Name oder Id)",
+    "please-wait-a-moment-your-login-is-still-being-processed": "Bitte warte einen Moment, deine Anmeldung wird verarbeitet",
-  "search-for-an-organization-or-team-by-name-or-id": "Suche eine Organisation oder ein Team (via Name oder Id)",
+    "prefix": "Prefix",
-  "search-for-donor-name-or-id": "Suche eine Spender:in (via Name oder Id)",
+    "privacy": "Datenschutz",
-  "search-for-permission": "Berechtigungen durchsuchen",
+    "privacy-loading": "Datenschutzerklärung lädt...",
-  "search-for-runner-by-name-or-id": "Suche eine Läufer:in (via Name oder Id)",
+    "profile": "Profil",
-  "select-all": "Alle auswählen",
+    "profile-deleted": "Profil gelöscht!",
-  "select-language": "Sprache auswählen",
+    "profile-picture": "Profilbild",
-  "send-a-mail-to-lfk-odit-services": "Sende eine Mail an lfk@odit.services",
+    "profile-updated": "Profil wurde aktualisiert!",
-  "set-the-user-active-inactive": "Den Benutzer auf (in)aktiv setzen",
+    "read-license": "Lizenz-Text lesen",
-  "settings": "Einstellungen",
+    "receipt-needed": "Spendenquittung benötigt",
-  "settings-for-your-profile": "Die Einstellungen deines Accounts",
+    "repo_link": "Link",
-  "something-about-the-group": "Infos zur Gruppe",
+    "request-a-new-reset-mail": "Neue Reset-Mail anfordern",
-  "stats-are-being-loaded": "Die Statistiken werden geladen...",
+    "reset-my-password": "Passwort zurücksetzen",
-  "status": "Status",
+    "reset-password": "Passwort zurücksetzen",
-  "stuff-that-could-harm-your-profile": "Einstellungen, die deinem Profil nachhaltig schaden können",
+    "runner": "Läufer:in",
-  "successful-password-reset": "Passwort erfolgreich zurückgesetzt!",
+    "runner-added": "Läufer:in hinzugefügt",
-  "team": "Team",
+    "runner-import": "Läufer:innen Import",
-  "team-detail-is-being-loaded": "Team wird geladen...",
+    "runner-is-being-added": "Läufer:in wird hinzugefügt...",
-  "team-name": "Teamname",
+    "runner-updated": "Läufer:in aktualisiert!",
-  "team-name-is-required": "Teamname ist erforderlich",
+    "runnercards": "Laeuferkarten",
-  "teams": "Teams",
+    "runnerimport_verify_runners_org": "Bitte die Läufer:innen für den Import in die Organisation \"{org_name}\" bestätigen",
-  "teams-are-being-loaded": "Teams werden geladen ...",
+    "runners": "Läufer",
-  "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "Die angegebene Telefonnummer ist nicht korrekt. <br /> Bitte gebe eine Telefonnummer im internationalen Format an...",
+    "runners-are-being-imported": "Läufer:innen werden importiert ...",
-  "the-scans-distance-must-be-greater-than-0m": "Die Distanz muss größer als 0m sein.",
+    "runners-are-being-loaded": "Läufer:innen werden geladen ...",
-  "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Scannerstation Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
+    "save": "Speichern",
-  "there-are-no-cards-yet": "Es gibt noch keine Läuferkarten.",
+    "save-changes": "Änderungen speichern",
-  "there-are-no-contacts-added-yet": "Es wurden noch keine Kontakte hinzugefügt.",
+    "scan-added": "Scan hinzugefügt",
-  "there-are-no-donations-yet": "Es gibt noch keine Sponsorings",
+    "scan-is-being-updated": "Scan wird aktualisiert",
-  "there-are-no-donors-yet": "Es gibt noch keine Sponsor:innen",
+    "scan-with-fixed-distance": "Scan mit Festdistanz",
-  "there-are-no-groups-yet": "Es gibt noch keine Gruppen",
+    "scans": "Scans",
-  "there-are-no-organizations-added-yet": "Es wurden noch keine Organisationen hinzugefügt.",
+    "scans-are-being-loaded": "Scans werden geladen",
-  "there-are-no-runners-added-yet": "Es wurden noch keine Läufer:innen hinzugefügt.",
+    "scanstation": "Scanner Station",
-  "there-are-no-scans-yet": "Es gibt noch keine Scans",
+    "scanstation-added": "Station wurde erstellt",
-  "there-are-no-teams-added-yet": "Es wurden noch keine Teams hinzugefügt.",
+    "scanstation-is-being-added": "Scannerstation wird angelegt...",
-  "there-are-no-users-added-yet": "Es wurden noch keine Benutzer hinzugefügt.",
+    "scanstations": "Scanner Stationen",
-  "this-card-is": "Diese Karte ist",
+    "scanstations-are-being-loaded": "Scannerstationen werden geladen...",
-  "this-might-take-a-moment": "Das könnte einen kleinen Moment dauern",
+    "search-for-an-organization-by-name-or-id": "Suche eine Organisation (via Name oder Id)",
-  "this-scanstation-is": "Diese Station ist",
+    "search-for-an-organization-or-team-by-name-or-id": "Suche eine Organisation oder ein Team (via Name oder Id)",
-  "token": "Token",
+    "search-for-donor-name-or-id": "Suche eine Spender:in (via Name oder Id)",
-  "total-distance": "gelaufene Strecke",
+    "search-for-permission": "Berechtigungen durchsuchen",
-  "total-donation-amount": "Gesamtbetrag",
+    "search-for-runner-by-name-or-id": "Suche eine Läufer:in (via Name oder Id)",
-  "total-donations": "Spendensumme",
+    "select-all": "Alle auswählen",
-  "total-scans": "gesamte Scans",
+    "select-language": "Sprache auswählen",
-  "track": "Track",
+    "selfservice-registration": "Selfservice Registrierung",
-  "track-added": "Track hinzugefügt",
+    "send-a-mail-to-lfk-odit-services": "Sende eine Mail an lfk@odit.services",
-  "track-data-is-being-loaded": "Trackdaten werden geladen",
+    "set-the-user-active-inactive": "Den Benutzer auf (in)aktiv setzen",
-  "track-is-being-added": "Track wird hinzugefügt...",
+    "settings": "Einstellungen",
-  "track-length-in-m": "Tracklänge (in Metern)",
+    "settings-for-your-profile": "Die Einstellungen deines Accounts",
-  "track-length-must-be-greater-than-0": "Die Länge muss größer als 0 (Meter) sein",
+    "something-about-the-group": "Infos zur Gruppe",
-  "track-name": "Trackname",
+    "sponsoring-quittungs-liste_herunterladen": "Sponsoring-Quittungs-Liste herunterladen",
-  "track-name-must-not-be-empty": "Der Name muss angegeben werden",
+    "sponsorings": "Sponsoringerklaerungen",
-  "tracks": "Tracks",
+    "stats-are-being-loaded": "Die Statistiken werden geladen...",
-  "update-password": "Passwort ändern",
+    "statsclient-deleted": "Statsclient wurde gelöscht",
-  "updated-contact": "Kontakt aktualisiert!",
+    "statsclient-is-being-added": "Statsclient wird angelegt...",
-  "updated-donor": "Sponsor:in wurde aktualisiert",
+    "statsclients": "Statsclient (aka Beamershow)",
-  "updated-organization": "Organisation wurde aktualisiert",
+    "statsclients-are-being-loaded": "Statsclients werden geladen",
-  "updated-scan": "Scan wurde aktualisiert",
+    "status": "Status",
-  "updateing-group": "Gruppe wird aktualisiert...",
+    "stuff-that-could-harm-your-profile": "Einstellungen, die deinem Profil nachhaltig schaden können",
-  "updating-card": "Karte wird aktualisiert",
+    "successful-password-reset": "Passwort erfolgreich zurückgesetzt!",
-  "updating-organization": "Organisation wird aktualisiert",
+    "team": "Team",
-  "updating-permissions": "Berechtigungen werden aktualisiert...",
+    "team-added": "Team wurde hinzugefügt",
-  "updating-runner": "Läufer:in wird aktualisiert.",
+    "team-deleted": "Team gelöscht",
-  "updating-user": "Benutzer:in wird aktualisiert...",
+    "team-detail-is-being-loaded": "Team wird geladen...",
-  "updating-your-profile": "Profil wird aktualisiert...",
+    "team-is-being-added": "Team wird erstellt...",
-  "user-added": "Benutzer hinzugefügt",
+    "team-name": "Teamname",
-  "user-groups": "Benutzergruppen",
+    "team-name-is-required": "Teamname ist erforderlich",
-  "user-is-being-added": "Benutzer wird hinzugefügt ...",
+    "teams": "Teams",
-  "user-updated": "Benutzer:in wurde aktualisiert",
+    "teams-are-being-loaded": "Teams werden geladen ...",
-  "username": "Benutzername",
+    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "Die angegebene Telefonnummer ist nicht korrekt. <br /> Bitte gebe eine Telefonnummer im internationalen Format an...",
-  "users": "Benutzer",
+    "the-scans-distance-must-be-greater-than-0m": "Die Distanz muss größer als 0m sein.",
-  "valid": "Gültig",
+    "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Scannerstation Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
-  "valid-city-is-required": "Du musst eine Stadt angeben",
+    "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Statsclient Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
-  "valid-email-is-required": "Es wird eine valide E-Mail Adresse benötigt",
+    "there-are-no-cards-yet": "Es gibt noch keine Läuferkarten.",
-  "valid-international-phone-number-is-required": "Du musst eine Telefonnummer im internationalen Format angeben...",
+    "there-are-no-contacts-added-yet": "Es wurden noch keine Kontakte hinzugefügt.",
-  "valid-zipcode-postal-code-is-required": "Du musst eine valide Postleitzahl angeben",
+    "there-are-no-donations-yet": "Es gibt noch keine Sponsorings",
-  "verfuegbare": "Verfügbar",
+    "there-are-no-donors-yet": "Es gibt noch keine Sponsor:innen",
-  "welcome_wavinghand": "Willkommen 👋",
+    "there-are-no-groups-yet": "Es gibt noch keine Gruppen",
-  "yes-i-copied-the-token": "Ja, ich habe den Token kopiert",
+    "there-are-no-organizations-added-yet": "Es wurden noch keine Organisationen hinzugefügt.",
-  "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "Du wirst all deine Berechtigungen und den Zugriff aufs Läufersystem verlieren!",
+    "there-are-no-runners-added-yet": "Es wurden noch keine Läufer:innen hinzugefügt.",
-  "you-can-now-use-your-new-password-to-log-in-to-your-account": "Du kannst dich jetzt mit deinem neuen Passwort anmelden! 🎉",
+    "there-are-no-scans-yet": "Es gibt noch keine Scans",
-  "you-can-provide-a-runner-but-you-dont-have-to": "Du kannst eine Läufer:in angeben, musst aber nicht.",
+    "there-are-no-teams-added-yet": "Es wurden noch keine Teams hinzugefügt.",
-  "you-dont-have-any-scanstations-yet": "Es gibt noch keine Scannerstationen",
+    "there-are-no-users-added-yet": "Es wurden noch keine Benutzer hinzugefügt.",
-  "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
+    "this-card-is": "Diese Karte ist",
-  "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
+    "this-might-take-a-moment": "Das könnte einen kleinen Moment dauern",
-  "zip-postal-code": "Postleitzahl",
+    "this-scanstation-is": "Diese Station ist",
-  "selfservice-registration": "Selfservice Registrierung",
+    "token": "Token",
-  "copied-link-to-clipboard": "Link wurde in die Zwischenablage kopiert",
+    "total-distance": "gelaufene Strecke",
-  "click-to-copy-the-link-into-your-clipboard": "Klicke auf den Link, um ihn in deine Zwischenablage zu kopieren"
+    "total-donation-amount": "Gesamtbetrag",
-}
+    "total-donations": "Spendensumme",
    "total-paid-amount": "Gezahlter Gesamtbetrag",
    "total-scans": "gesamte Scans",
    "total_donation_amount_in_eur": "Gesamtbetrag in €",
    "track": "Track",
    "track-added": "Track hinzugefügt",
    "track-data-is-being-loaded": "Trackdaten werden geladen",
    "track-is-being-added": "Track wird hinzugefügt...",
    "track-is-being-updated": "Track wird aktualisiert...",
    "track-length-in-m": "Tracklänge (in Metern)",
    "track-length-must-be-greater-than-0": "Die Länge muss größer als 0 (Meter) sein",
    "track-name": "Trackname",
    "track-name-must-not-be-empty": "Der Name muss angegeben werden",
    "track-was-updated": "Track wurde aktualisiert",
    "tracks": "Tracks",
    "unpaid": "Offen",
    "update-card": "Karte aktualisieren",
    "update-password": "Passwort ändern",
    "updated-contact": "Kontakt aktualisiert!",
    "updated-donor": "Sponsor:in wurde aktualisiert",
    "updated-organization": "Organisation wurde aktualisiert",
    "updated-scan": "Scan wurde aktualisiert",
    "updated-team": "Team wurde aktualisiert",
    "updateing-group": "Gruppe wird aktualisiert...",
    "updating-card": "Karte wird aktualisiert",
    "updating-donation": "Sponsoring wird aktualisiert",
    "updating-organization": "Organisation wird aktualisiert",
    "updating-permissions": "Berechtigungen werden aktualisiert...",
    "updating-runner": "Läufer:in wird aktualisiert.",
    "updating-team": "Team wird aktualisiert",
    "updating-user": "Benutzer:in wird aktualisiert...",
    "updating-your-profile": "Profil wird aktualisiert...",
    "user-added": "Benutzer hinzugefügt",
    "user-groups": "Benutzergruppen",
    "user-is-being-added": "Benutzer wird hinzugefügt ...",
    "user-updated": "Benutzer:in wurde aktualisiert",
    "username": "Benutzername",
    "users": "Benutzer",
    "valid": "Gültig",
    "valid-city-is-required": "Du musst eine Stadt angeben",
    "valid-email-is-required": "Es wird eine valide E-Mail Adresse benötigt",
    "valid-international-phone-number-is-required": "Du musst eine Telefonnummer im internationalen Format angeben...",
    "valid-zipcode-postal-code-is-required": "Du musst eine valide Postleitzahl angeben",
    "verfuegbare": "Verfügbar",
    "welcome_wavinghand": "Willkommen 👋",
    "yes-i-copied-the-token": "Ja, ich habe den Token kopiert",
    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "Du wirst all deine Berechtigungen und den Zugriff aufs Läufersystem verlieren!",
    "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "Du kannst den Betrag der Zahlung entweder manuell eingeben oder über den MAX Button auf den Spendenbetrag setzen",
    "you-can-now-use-your-new-password-to-log-in-to-your-account": "Du kannst dich jetzt mit deinem neuen Passwort anmelden! 🎉",
    "you-can-provide-a-runner-but-you-dont-have-to": "Du kannst eine Läufer:in angeben, musst aber nicht.",
    "you-dont-have-any-scanclients-yet": "Es gibt noch keine Statsclients",
    "you-dont-have-any-scanstations-yet": "Es gibt noch keine Scannerstationen",
    "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
    "you-have-to-save-your-changes-to-generate-a-link": "Du musst deine Änderungen speichern, um einen Link zu generieren.",
    "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
    "zip-postal-code": "Postleitzahl"
 }
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,421 +1,476 @@
 {
-  "404message": "Sorry, the page you are looking for could not be found.",
+    "404message": "Sorry, the page you are looking for could not be found.",
-  "404title": "Error 404",
+    "404title": "Error 404",
-  "about": "About",
+    "about": "About",
-  "action": "Action",
+    "action": "Action",
-  "active": "Active",
+    "active": "Active",
-  "add-card": "Add Card",
+    "add-card": "Add Card",
-  "add-donation": "Add donation",
+    "add-donation": "Add donation",
-  "add-donor": "add donor",
+    "add-donor": "Add donor",
-  "add-scan": "Add scan",
+    "add-or-update-a-payment": "Add or update a payment",
-  "add-the-first-scanstation": "Add your first scanstation.",
+    "add-scan": "Add scan",
-  "add-user-group": "Add User Group",
+    "add-the-first-scanstation": "Add your first scanstation.",
-  "add-your-first-card": "Add your first card",
+    "add-the-first-statsclient": "Add your first statsclient.",
-  "add-your-first-contact": "Add your first contact",
+    "add-user-group": "Add User Group",
-  "add-your-first-donor": "add your first donor",
+    "add-your-first-card": "Add your first card",
-  "add-your-first-group": "Add your first group",
+    "add-your-first-contact": "Add your first contact",
-  "add-your-first-organization": "Add your first organization",
+    "add-your-first-donor": "add your first donor",
-  "add-your-first-runner": "Add your first runner",
+    "add-your-first-group": "Add your first group",
-  "add-your-first-team": "Add your first team",
+    "add-your-first-organization": "Add your first organization",
-  "add-your-first-track": "Add your first track.",
+    "add-your-first-runner": "Add your first runner",
-  "add-your-first-user": "Add your first user",
+    "add-your-first-team": "Add your first team",
-  "add-your-fist-donation": "Add your fist donation",
+    "add-your-first-track": "Add your first track.",
-  "add-your-fist-scan": "Add your fist scan",
+    "add-your-first-user": "Add your first user",
-  "adding-card": "Adding Card",
+    "add-your-fist-donation": "Add your fist donation",
-  "adding-scan": "Adding Scan",
+    "add-your-fist-scan": "Add your fist scan",
-  "address": "Address",
+    "adding-card": "Adding Card",
-  "address-is-required": "Address is required",
+    "adding-donation": "Adding donation...",
-  "after-deletion-we-cant-restore-your-old-profile": "After deletion we can't restore your old profile!",
+    "adding-scan": "Adding Scan",
-  "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "After the update you'll get logged out - Please login with your new password after that.",
+    "address": "Address",
-  "all-associated-donations-will-get-deleted-as-well": "All associated donations will get deleted as well",
+    "address-is-required": "Address is required",
-  "all-associated-runners-will-be-deleted-too": "All associated runners will be deleted too!",
+    "after-deletion-we-cant-restore-your-old-profile": "After deletion we can't restore your old profile!",
-  "all-associated-teams-and-runners-will-be-deleted-too": "All associated teams and runners will be deleted too!",
+    "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "After the update you'll get logged out - Please login with your new password after that.",
-  "amount": "Amount",
+    "all-associated-donations-will-get-deleted-as-well": "All associated donations will get deleted as well",
-  "amount-per-kilometer": "Amount per kilometer",
+    "all-associated-runners-will-be-deleted-too": "All associated runners will be deleted too!",
-  "apartment-suite-etc": "Apartment, suite, etc.",
+    "all-associated-teams-and-runners-will-be-deleted-too": "All associated teams and runners will be deleted too!",
-  "application_name": "Lauf für Kaya! - Admin",
+    "already-paid": "Already paid",
-  "applying-changes": "Applying Changes",
+    "amount": "Amount",
-  "attention": "Attention!",
+    "amount-per-kilometer": "Amount per kilometer",
-  "author": "Author",
+    "apartment-suite-etc": "Apartment, suite, etc.",
-  "bitte-bestaetige-diese-laeufer-fuer-den-import": "Please confirm these runners for import.",
+    "application_name": "Lauf für Kaya! - Admin",
-  "by": "by",
+    "applying-changes": "Applying Changes",
-  "cancel": "Cancel",
+    "attention": "Attention!",
-  "cancel-delete": "Cancel Delete",
+    "author": "Author",
-  "cancel-keep-donor": "Cancel, keep donor",
+    "bitte-bestaetige-diese-laeufer-fuer-den-import": "Please confirm these runners for import.",
-  "cancel-keep-my-profile": "Cancel, keep my profile",
+    "by": "by",
-  "cancel-keep-organization": "Cancel, keep organization",
+    "cancel": "Cancel",
-  "cancel-keep-team": "Cancel, keep team",
+    "cancel-delete": "Cancel Delete",
-  "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
+    "cancel-keep-donor": "Cancel, keep donor",
-  "card-added": "Card added",
+    "cancel-keep-my-profile": "Cancel, keep my profile",
-  "card-deleted": "Card deleted",
+    "cancel-keep-organization": "Cancel, keep organization",
-  "card-updated": "Card updated",
+    "cancel-keep-statsclient": "Cancel and keep statsclient",
-  "cards": "Cards",
+    "cancel-keep-team": "Cancel, keep team",
-  "change-your-password-here": "Change your password here",
+    "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
-  "changing-your-password": "Changing your password",
+    "card-added": "Card added",
-  "city": "City",
+    "card-deleted": "Card deleted",
-  "click-to-copy-token-to-clipboard": "Click to copy the token to your clipboard",
+    "card-updated": "Card updated",
-  "close": "Close",
+    "cards": "Cards",
-  "code": "Code",
+    "certificates": "Certificates",
-  "configure-the-tracks-and-minimum-lap-times": "configure the tracks & minimum lap times",
+    "change-your-password-here": "Change your password here",
-  "confirm": "Confirm",
+    "changing-your-password": "Changing your password",
-  "confirm-delete": "Confirm Delete",
+    "city": "City",
-  "confirm-delete-donor-with-all-donations": "Confirm, delete donor with all donations",
+    "click-to-copy-the-link-into-your-clipboard": "Click to copy the link into your clipboard",
-  "confirm-delete-my-user-profile": "Confirm, delete my user profile",
+    "click-to-copy-token-to-clipboard": "Click to copy the token to your clipboard",
-  "confirm-delete-organization-and-associated-teams-runners": "Confirm, delete organization and associated teams+runners.",
+    "close": "Close",
-  "confirm-delete-team-and-associated-runners": "Confirm, delete team and associated runners.",
+    "code": "Code",
-  "confirm-deletion": "Confirm Deletion",
+    "configure-the-tracks-and-minimum-lap-times": "configure the tracks & minimum lap times",
-  "confirm-the-new-password": "Confirm the new password",
+    "confirm": "Confirm",
-  "contact": "Contact",
+    "confirm-delete": "Confirm Delete",
-  "contact-deleted": "Contact deleted",
+    "confirm-delete-donor-with-all-donations": "Confirm, delete donor with all donations",
-  "contact-information": "Contact Information",
+    "confirm-delete-my-user-profile": "Confirm, delete my user profile",
-  "contact-is-being-updated": "Contact is being updated...",
+    "confirm-delete-organization-and-associated-teams-runners": "Confirm, delete organization and associated teams+runners.",
-  "contact-is-not-a-member-in-any-group": "Contact is not a member in any group",
+    "confirm-delete-statsclient": "Confirm, delete statsclient",
-  "contacts": "Contacts",
+    "confirm-delete-team-and-associated-runners": "Confirm, delete team and associated runners.",
-  "contacts-are-being-loaded": "contacts are being loaded...",
+    "confirm-deletion": "Confirm Deletion",
-  "copied-token-to-clipboard": "Copied token to clipboard",
+    "confirm-the-new-password": "Confirm the new password",
-  "count_organizations": "# Organizations",
+    "contact": "Contact",
-  "count_teams": "# Teams",
+    "contact-added": "Contact added",
-  "create": "Create",
+    "contact-deleted": "Contact deleted",
-  "create-a-new": "Create a new",
+    "contact-information": "Contact Information",
-  "create-a-new-card": "Create a new card",
+    "contact-is-being-added": "Contact is being added...",
-  "create-a-new-contact": "Create a new contact",
+    "contact-is-being-updated": "Contact is being updated...",
-  "create-a-new-distance-donation": "Create a new distance donation",
+    "contact-is-not-a-member-in-any-group": "Contact is not a member in any group",
-  "create-a-new-donor": "Create a new donor",
+    "contacts": "Contacts",
-  "create-a-new-fixed-donation": "Create a new fixed donation",
+    "contacts-are-being-loaded": "contacts are being loaded...",
-  "create-a-new-organization": "Create a new Organization",
+    "copied-link-to-clipboard": "Copied link to clipboard",
-  "create-a-new-runner": "Create a new Runner",
+    "copied-token-to-clipboard": "Copied token to clipboard",
-  "create-a-new-scan-fixed-only": "Create a new scan (fixed only)",
+    "count_organizations": "# Organizations",
-  "create-a-new-scanstation": "Create a new station",
+    "count_teams": "# Teams",
-  "create-a-new-team": "Create a new team",
+    "create": "Create",
-  "create-a-new-track": "Create a new Track",
+    "create-a-new": "Create a new",
-  "create-a-new-user": "Create a new User",
+    "create-a-new-card": "Create a new card",
-  "create-a-new-user-group": "Create a new user group",
+    "create-a-new-contact": "Create a new contact",
-  "create-bulk-blanco-cards": "Create bulk blanco cards",
+    "create-a-new-distance-donation": "Create a new distance donation",
-  "create-bulk-cards": "Add blanco cards",
+    "create-a-new-donor": "Create a new donor",
-  "create-organization": "Create Organization",
+    "create-a-new-fixed-donation": "Create a new fixed donation",
-  "create-team": "Create Team",
+    "create-a-new-organization": "Create a new Organization",
-  "create-track": "Create Track",
+    "create-a-new-runner": "Create a new Runner",
-  "create-user": "Create User",
+    "create-a-new-scan-fixed-only": "Create a new scan (fixed only)",
-  "created-blanco-cards": "Created blanco cards",
+    "create-a-new-scanstation": "Create a new station",
-  "creating-blanco-cards": "Creating blanco cards",
+    "create-a-new-statsclient": "Create a new statsclient",
-  "credits": "Credits",
+    "create-a-new-team": "Create a new team",
-  "csv_import__class": "Class",
+    "create-a-new-track": "Create a new Track",
-  "csv_import__firstname": "Firstname",
+    "create-a-new-user": "Create a new User",
-  "csv_import__lastname": "Lastname",
+    "create-a-new-user-group": "Create a new user group",
-  "csv_import__middlename": "Middlename",
+    "create-and-generate-pdf": "Create and generate PDF",
-  "csv_import__team": "Team",
+    "create-bulk-blanco-cards": "Create bulk blanco cards",
-  "danger-zone": "Danger zone",
+    "create-bulk-cards": "Add blanco cards",
-  "dashboard-greeting": "Hello",
+    "create-organization": "Create Organization",
-  "dashboard-title": "Dashboard",
+    "create-team": "Create Team",
-  "datatable": {
+    "create-track": "Create Track",
-    "search": "🔍 Search...",
+    "create-user": "Create User",
-    "sort_column_ascending": "Sort column ascending",
+    "create-without-pdf": "Create without PDF",
-    "sort_column_descending": "Sort column descending",
+    "created-blanco-cards": "Created blanco cards",
-    "previous": "Previous",
+    "creating-blanco-cards": "Creating blanco cards",
-    "next": "Next",
+    "credits": "Credits",
-    "page": "Page",
+    "csv_import__class": "Class",
-    "showing": "Showing",
+    "csv_import__firstname": "Firstname",
-    "records": "Records",
+    "csv_import__lastname": "Lastname",
-    "of": "of",
+    "csv_import__middlename": "Middlename",
-    "to": "to",
+    "csv_import__team": "Team",
-    "loading": "Loading...",
+    "danger-zone": "Danger zone",
-    "no_matching_records_found": "No matching records found",
+    "dashboard-greeting": "Hello",
-    "an_error_happened_while_fetching_the_data": "An error happened while fetching the data"
+    "dashboard-title": "Dashboard",
-  },
+    "datatable": {
-  "delete": "Delete",
+        "search": "🔍 Search...",
-  "delete-contact": "Delete Contact",
+        "sort_column_ascending": "Sort column ascending",
-  "delete-donation": "Delete Donation",
+        "sort_column_descending": "Sort column descending",
-  "delete-donor": "Delete donor",
+        "previous": "Previous",
-  "delete-group": "Delete Group",
+        "next": "Next",
-  "delete-organization": "Delete Organization",
+        "page": "Page",
-  "delete-profile": "Delete Profile",
+        "showing": "Showing",
-  "delete-runner": "Delete Runner",
+        "records": "Records",
-  "delete-scan": "Delete scan",
+        "of": "of",
-  "delete-station": "Delete station",
+        "to": "to",
-  "delete-team": "Delete Team",
+        "loading": "Loading...",
-  "delete-user": "Delete User",
+        "no_matching_records_found": "No matching records found",
-  "deleted-scan": "Deleted scan",
+        "an_error_happened_while_fetching_the_data": "An error happened while fetching the data"
-  "dependency_name": "Name",
+    },
-  "description": "description",
+    "delete": "Delete",
-  "description-optional": "Description (optional)",
+    "delete-contact": "Delete Contact",
-  "deselect-all": "deselect all",
+    "delete-donation": "Delete Donation",
-  "details": "Details",
+    "delete-donor": "Delete donor",
-  "disabled": "disabled",
+    "delete-group": "Delete Group",
-  "distance": "Distance",
+    "delete-organization": "Delete Organization",
-  "distance-donation": "distance donation",
+    "delete-profile": "Delete Profile",
-  "distance-in-km": "Distance in km",
+    "delete-runner": "Delete Runner",
-  "distance-track": "Distance (+Track)",
+    "delete-scan": "Delete scan",
-  "do-you-really-want-to-delete-your-profile": "Do you really want to delete your profile?",
+    "delete-station": "Delete station",
-  "do-you-want-to-delete-the-organization-delete_org-name": "Do you want to delete the organization {orgname}?",
+    "delete-statsclient": "Delete statsclient",
-  "do-you-want-to-delete-the-team-delete_team-name": "Do you want to delete the team {teamname}?",
+    "delete-team": "Delete Team",
-  "do-you-want-to-delete-this-donor-with-all-related-donations": "Do you want to delete this donor with all related donations",
+    "delete-user": "Delete User",
-  "documentation": "Documentation",
+    "deleted-scan": "Deleted scan",
-  "donation-amount": "Donation amount",
+    "dependency_name": "Name",
-  "donation-amount-must-be-greater-that-0-00eur": "Donation amount must be greater that 0.00€",
+    "description": "description",
-  "donations": "Donations",
+    "description-optional": "Description (optional)",
-  "donor": "Donor",
+    "deselect-all": "deselect all",
-  "donor-added": "Donor added",
+    "details": "Details",
-  "donor-deleted": "donor deleted",
+    "disabled": "disabled",
-  "donor-has-no-associated-donations": "Donor has no associated donations.",
+    "distance": "Distance",
-  "donor-is-being-added": "Donor is being added...",
+    "distance-donation": "distance donation",
-  "donor-is-being-updated": "Donor is being updated",
+    "distance-in-km": "Distance in km",
-  "donors": "Donors",
+    "distance-track": "Distance (+Track)",
-  "donors-are-being-loaded": "donors are being loaded",
+    "do-you-really-want-to-delete-your-profile": "Do you really want to delete your profile?",
-  "dont-have-your-email-connected": "Don't have your email connected?",
+    "do-you-want-to-delete-the-organization-delete_org-name": "Do you want to delete the organization {orgname}?",
-  "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
+    "do-you-want-to-delete-the-team-delete_team-name": "Do you want to delete the team {teamname}?",
-  "e-mail-adress": "E-Mail Adress",
+    "do-you-want-to-delete-this-donor-with-all-related-donations": "Do you want to delete this donor with all related donations",
-  "edit": "Edit",
+    "documentation": "Documentation",
-  "edit-a-card": "Edit a card",
+    "donation-amount": "Donation amount",
-  "edit-permissions": "edit permissions",
+    "donation-amount-must-be-greater-that-0-00eur": "Donation amount must be greater that 0.00€",
-  "email_address_or_username": "Email / username",
+    "donation-deleted": "Donation deleted",
-  "enabled": "enabled",
+    "donation-updated": "Donation updated",
-  "enabled_large": "Enabled",
+    "donation_added": "Donation_added",
-  "english": "English",
+    "donations": "Donations",
-  "error-during-import": "Error during import",
+    "donor": "Donor",
-  "error-whyile-copying-to-clipboard": "Error while copying to clipboard",
+    "donor-added": "Donor added",
-  "error_on_login": "Error on login",
+    "donor-deleted": "donor deleted",
-  "erteilte": "Directly granted",
+    "donor-has-no-associated-donations": "Donor has no associated donations.",
-  "everything-concerning-your-profile": "Everything concerning your profile",
+    "donor-is-being-added": "Donor is being added...",
-  "everything-is-more-fun-together": "everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️",
+    "donor-is-being-updated": "Donor is being updated",
-  "faq": "FAQ",
+    "donors": "Donors",
-  "filter-by-organization-team": "Filter by Organization/ Team",
+    "donors-are-being-loaded": "donors are being loaded",
-  "first-name": "First name",
+    "dont-have-your-email-connected": "Don't have your email connected?",
-  "first-name-is-required": "First Name is required",
+    "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
-  "first-scan-of-the-day": "First scan of the day.",
+    "e-mail-adress": "E-Mail Adress",
-  "fixed-donation": "fixed donation",
+    "edit": "Edit",
-  "forgot_password": "Forgot your password?",
+    "edit-a-card": "Edit a card",
-  "geerbte": "inherited",
+    "edit-permissions": "edit permissions",
-  "general-stats": "General Stats",
+    "email_address_or_username": "Email / username",
-  "general_promise_error": "😢 Error",
+    "enabled": "enabled",
-  "generate-runnercards": "Generate Runnercards",
+    "enabled_large": "Enabled",
-  "generate-sponsoring-contract": "generate sponsoring contract",
+    "english": "English",
-  "generate-sponsoring-contracts": "generate sponsoring contracts",
+    "enter-payment": "Enter payment",
-  "generating-pdf": "generating PDF...",
+    "error-during-import": "Error during import",
-  "generating-pdfs": "generating PDFs...",
+    "error-whyile-copying-to-clipboard": "Error while copying to clipboard",
-  "generic-ui-logic-error": "Something went wrong in the UI logic",
+    "error_on_login": "Error on login",
-  "german": "German",
+    "erteilte": "Directly granted",
-  "go-to-login": "Go To Login",
+    "everything-concerning-your-profile": "Everything concerning your profile",
-  "goback": "Go Home",
+    "everything-is-more-fun-together": "everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️",
-  "granted": "granted",
+    "faq": "FAQ",
-  "group": "Group",
+    "filename_sponsoringquittungsliste": "DonorReceiptList",
-  "group-added": "Group added",
+    "filter-by-organization-team": "Filter by Organization/ Team",
-  "group-is-being-added": "Group is being added...",
+    "first-name": "First name",
-  "group-name-is-required": "Group name is required",
+    "first-name-is-required": "First Name is required",
-  "group-updated": "group updated",
+    "first-scan-of-the-day": "First scan of the day.",
-  "groups": "Groups",
+    "fixed-donation": "fixed donation",
-  "groups-are-being-loaded": "Groups are being loaded",
+    "forgot_password": "Forgot your password?",
-  "home": "Home",
+    "geerbte": "inherited",
-  "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
+    "general-stats": "General Stats",
-  "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "If you want to create multiple blanco cards: Try the 'Add blanco cards' button.",
+    "general_promise_error": "😢 Error",
-  "import-finished": "Import finished",
+    "generate-runner-certificate": "Generate runner certificate",
-  "import-runners": "Import runners",
+    "generate-runner-certificates": "Generate runner certificates",
-  "import__target-organization": "Target Organization",
+    "generate-runnercards": "Generate Runnercards",
-  "imprint": "Imprint",
+    "generate-sponsoring-contract": "generate sponsoring contract",
-  "imprint-loading": "Imprint loading...",
+    "generate-sponsoring-contracts": "generate sponsoring contracts",
-  "inactive": "Inactive",
+    "generating-pdf": "generating PDF...",
-  "installed-version": "Installed version",
+    "generating-pdfs": "generating PDFs...",
-  "internal-error": "Internal Error",
+    "generic-ui-logic-error": "Something went wrong in the UI logic",
-  "invalid": "Invalid",
+    "german": "German",
-  "invalid-mail-reset": "the provided email is invalid",
+    "go-to-login": "Go To Login",
-  "just-enter-how-many-you-want-and-the-system-will-create-them": "Just enter how many you want and the system will create them",
+    "goback": "Go Home",
-  "laeufer-hinzufuegen": "Add runner",
+    "granted": "granted",
-  "laeufer-importieren": "Läufer importieren",
+    "group": "Group",
-  "laptime": "Laptime",
+    "group-added": "Group added",
-  "last-name": "Last name",
+    "group-is-being-added": "Group is being added...",
-  "last-name-is-required": "Last Name is required",
+    "group-name-is-required": "Group name is required",
-  "lfk-is-os": "The \"Lauf für Kaya!\" Frontend is (like all other projects for the \"LfK!\" Also) an open source project.",
+    "group-updated": "group updated",
-  "license": "License",
+    "groups": "Groups",
-  "licenses-are-being-loaded": "Licenses are being loaded...",
+    "groups-are-being-loaded": "Groups are being loaded",
-  "loading-cards": "Loading cards",
+    "home": "Home",
-  "loading-contact-details": "Loading contact details...",
+    "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
-  "loading-donation-details": "Loading donation details",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "If you want to create multiple blanco cards: Try the 'Add blanco cards' button.",
-  "loading-donor-details": "Loading donor details",
+    "import-finished": "Import finished",
-  "loading-group-detail": "Loading group detail...",
+    "import-runners": "Import runners",
-  "loading-profile-data": "Loading profile data",
+    "import__target-organization": "Target Organization",
-  "loading-runners": "loading runners...",
+    "imprint": "Imprint",
-  "loading-station-details": "Loading station details",
+    "imprint-loading": "Imprint loading...",
-  "log_in": "Log in",
+    "inactive": "Inactive",
-  "log_in_to_your_account": "Log in to your account",
+    "installed-version": "Installed version",
-  "login_is_checked": "Login is being checked...",
+    "internal-error": "Internal Error",
-  "logout": "Logout",
+    "invalid": "Invalid",
-  "mail-validation-in-progress": "mail validation in progress...",
+    "invalid-mail-reset": "the provided email is invalid",
-  "manage-admin-users": "manage admin users",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Just enter how many you want and the system will create them",
-  "middle-name": "Middle name",
+    "key": "Key",
-  "minimum-lap-time-in-s": "minimum lap time in s",
+    "laeufer-hinzufuegen": "Add runner",
-  "minimum-lap-time-must-be-a-positive-number-or-0": "minimum lap time must be a positive number or 0",
+    "laeufer-importieren": "Läufer importieren",
-  "name": "Name",
+    "laptime": "Laptime",
-  "name-is-required": "Name is required",
+    "last-name": "Last name",
-  "new-password": "New password",
+    "last-name-is-required": "Last Name is required",
-  "no-contact-found": "No contacts found",
+    "lfk-is-os": "The \"Lauf für Kaya!\" Frontend is (like all other projects for the \"LfK!\" Also) an open source project.",
-  "no-contact-selected": "No contact selected",
+    "license": "License",
-  "no-contact-specified": "no contact specified",
+    "licenses-are-being-loaded": "Licenses are being loaded...",
-  "no-donors-found": "No donors found",
+    "loading-cards": "Loading cards",
-  "no-license-text-could-be-found": "No license text could be found 😢",
+    "loading-contact-details": "Loading contact details...",
-  "no-organization-or-team-found": "No organization or team found",
+    "loading-donation-details": "Loading donation details",
-  "no-organization-specified": "no organization specified",
+    "loading-donor-details": "Loading donor details",
-  "no-organizations-found": "No organizations found",
+    "loading-group-detail": "Loading group detail...",
-  "no-runners-found": "No runners found",
+    "loading-profile-data": "Loading profile data",
-  "no-tracks-added-yet": "there are no tracks added yet.",
+    "loading-runners": "loading runners...",
-  "non-blanko": "Non/Blanko",
+    "loading-station-details": "Loading station details",
-  "organization": "Organization",
+    "log_in": "Log in",
-  "organization-added": "Organization added",
+    "log_in_to_your_account": "Log in to your account",
-  "organization-deleted": "Organization deleted",
+    "login_is_checked": "Login is being checked...",
-  "organization-detail-is-being-loaded": "organization detail is being loaded...",
+    "logout": "Logout",
-  "organization-is-being-added": "Organization is being added...",
+    "mail-validation-in-progress": "mail validation in progress...",
-  "organization-name-is-required": "Organization name is required",
+    "manage-admin-users": "manage admin users",
-  "organizations": "Organizations",
+    "middle-name": "Middle name",
-  "organizations-are-being-loaded": "organizations are being loaded...",
+    "minimum-lap-time-in-s": "minimum lap time in s",
-  "orgs": "Organizations",
+    "minimum-lap-time-must-be-a-positive-number-or-0": "minimum lap time must be a positive number or 0",
-  "oss_credit_description": "We use a lot of open source software on these projects, and would like to thank the following projects and contributors who help make open source great!",
+    "must-be-at-least-10-characters-long": "Must be at least 10 characters long!",
-  "password": "Password",
+    "must-contain-a-lowercase-letter": "Must contain a lowercase letter!",
-  "password-changed": "Password changed!",
+    "must-contain-a-number": "Must contain a number!",
-  "password-is-required": "Password is required",
+    "must-contain-a-uppercase-letter": "Must contain a uppercase letter!",
-  "password-reset-failed": "Password reset failed!",
+    "name": "Name",
-  "password-reset-in-progress": "Password Reset in Progress...",
+    "name-is-required": "Name is required",
-  "password-reset-mail-sent": "Password reset mail was sent to \"{usersEmail}\".",
+    "new-password": "New password",
-  "password-reset-successful": "Password Reset successful!",
+    "no-contact-found": "No contacts found",
-  "passwords-dont-match": "Passwords don't match",
+    "no-contact-selected": "No contact selected",
-  "pdf-generation-failed": "PDF generation failed!",
+    "no-contact-specified": "no contact specified",
-  "pdf-successfully-generated": "PDF successfully generated!",
+    "no-donors-found": "No donors found",
-  "pdfs-successfully-generated": "PDFs successfully generated!",
+    "no-license-text-could-be-found": "No license text could be found 😢",
-  "per-kilometer": "per Kilometer",
+    "no-organization-or-team-found": "No organization or team found",
-  "permissions": "Permissions",
+    "no-organization-specified": "no organization specified",
-  "permissions-updated": "Permissions updated!",
+    "no-organizations-found": "No organizations found",
-  "phone": "Phone",
+    "no-runners-found": "No runners found",
-  "please-copy-the-token-and-store-it-somewhere-save": "Please copy the token and store it somewhere safe.",
+    "no-tracks-added-yet": "there are no tracks added yet.",
-  "please-provide-a-password": "Please provide a password...",
+    "non-blanko": "Non/Blanko",
-  "please-provide-the-nessecary-information-to-add-a-new-donor": "Please provide the nessecary information to add a new donor",
+    "open": "OPEN",
-  "please-provide-the-nessecary-information-to-create-a-new-donation": "Please provide the nessecary information to create a new donation",
+    "organization": "Organization",
-  "please-provide-the-nessecary-information-to-create-a-new-scan": "Please provide the nessecary information to create a new scan.",
+    "organization-added": "Organization added",
-  "please-provide-the-required-csv-xlsx-file": "Please provide the required csv/ xlsx file",
+    "organization-deleted": "Organization deleted",
-  "please-provide-the-required-information-for-creating-a-new-user-group": "Please provide the required information for creating a new user group.",
+    "organization-detail-is-being-loaded": "organization detail is being loaded...",
-  "please-provide-the-required-information-to-add-a-new-contact": "Please provide the required information to add a new contact.",
+    "organization-is-being-added": "Organization is being added...",
-  "please-provide-the-required-information-to-add-a-new-organization": "Please provide the required information to add a new organization.",
+    "organization-name-is-required": "Organization name is required",
-  "please-provide-the-required-information-to-add-a-new-runner": "Please provide the required information to add a new runner.",
+    "organizations": "Organizations",
-  "please-provide-the-required-information-to-add-a-new-team": "Please provide the required information to add a new team.",
+    "organizations-are-being-loaded": "organizations are being loaded...",
-  "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
+    "orgs": "Organizations",
-  "please-provide-the-required-information-to-add-a-new-user": "Please provide the required information to add a new user.",
+    "oss_credit_description": "We use a lot of open source software on these projects, and would like to thank the following projects and contributors who help make open source great!",
-  "please-provide-the-required-information-to-create-a-new-scanstation": "Please provide the required information to create a new scanstation",
+    "paid": "PAID",
-  "please-request-a-new-reset-mail": "Please request a new reset mail...",
+    "paid-amount": "Paid amount",
-  "privacy": "Privacy",
+    "password": "Password",
-  "privacy-loading": "Privacy loading...",
+    "password-changed": "Password changed!",
-  "profile": "Profile",
+    "password-is-required": "Password is required",
-  "profile-picture": "Profile Picture",
+    "password-reset-failed": "Password reset failed!",
-  "profile-updated": "Profile updated!",
+    "password-reset-in-progress": "Password Reset in Progress...",
-  "read-license": "Read License",
+    "password-reset-mail-sent": "Password reset mail was sent to \"{usersEmail}\".",
-  "receipt-needed": "Receipt needed",
+    "password-reset-successful": "Password Reset successful!",
-  "repo_link": "Link",
+    "passwords-dont-match": "Passwords don't match!",
-  "request-a-new-reset-mail": "Request a new reset mail",
+    "payment-amount-must-be-greater-than-0-00eur": "Payment amount must be greater than 0.00€!",
-  "reset-my-password": "Reset my password",
+    "pdf-generation-failed": "PDF generation failed!",
-  "reset-password": "Reset your password",
+    "pdf-successfully-generated": "PDF successfully generated!",
-  "runner": "Runner",
+    "pdfs-successfully-generated": "PDFs successfully generated!",
-  "runner-added": "Runner added",
+    "per-kilometer": "per Kilometer",
-  "runner-import": "Runner Import",
+    "permissions": "Permissions",
-  "runner-is-being-added": "Runner is being added...",
+    "permissions-updated": "Permissions updated!",
-  "runner-updated": "Runner updated!",
+    "phone": "Phone",
-  "runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
+    "please-copy-the-token-and-store-it-somewhere-save": "Please copy the token and store it somewhere safe.",
-  "runners": "Runners",
+    "please-provide-a-password": "Please provide a password...",
-  "runners-are-being-imported": "Runners are being imported...",
+    "please-provide-the-nessecary-information-to-add-a-new-donor": "Please provide the nessecary information to add a new donor",
-  "runners-are-being-loaded": "runners are being loaded...",
+    "please-provide-the-nessecary-information-to-create-a-new-donation": "Please provide the nessecary information to create a new donation",
-  "save": "Save",
+    "please-provide-the-nessecary-information-to-create-a-new-scan": "Please provide the nessecary information to create a new scan.",
-  "save-changes": "Save Changes",
+    "please-provide-the-required-csv-xlsx-file": "Please provide the required csv/ xlsx file",
-  "scan-added": "Scan added",
+    "please-provide-the-required-information-for-creating-a-new-user-group": "Please provide the required information for creating a new user group.",
-  "scan-is-being-updated": "Scan is being updated",
+    "please-provide-the-required-information-to-add-a-new-contact": "Please provide the required information to add a new contact.",
-  "scan-with-fixed-distance": "Scan with fixed distance",
+    "please-provide-the-required-information-to-add-a-new-organization": "Please provide the required information to add a new organization.",
-  "scans": "Scans",
+    "please-provide-the-required-information-to-add-a-new-runner": "Please provide the required information to add a new runner.",
-  "scans-are-being-loaded": "Scans are being loaded",
+    "please-provide-the-required-information-to-add-a-new-team": "Please provide the required information to add a new team.",
-  "scanstation": "Scanstation",
+    "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
-  "scanstation-added": "Scanstation added",
+    "please-provide-the-required-information-to-add-a-new-user": "Please provide the required information to add a new user.",
-  "scanstation-is-being-added": "Adding scanstation...",
+    "please-provide-the-required-information-to-create-a-new-scanstation": "Please provide the required information to create a new scanstation",
-  "scanstations": "Scanstations",
+    "please-provide-the-required-information-to-create-a-new-statsclient": "Please provide the required information to create a new statsclient",
-  "scanstations-are-being-loaded": "Loading scanstations...",
+    "please-request-a-new-reset-mail": "Please request a new reset mail...",
-  "search-for-an-organization-by-name-or-id": "Search for an organization (by name or id)",
+    "please-wait-a-moment-your-login-is-still-being-processed": "Please wait a moment, your login is still being processed",
-  "search-for-an-organization-or-team-by-name-or-id": "Search for an organization or team (by name or id)",
+    "prefix": "Prefix",
-  "search-for-donor-name-or-id": "Search for donor (by name or id)",
+    "privacy": "Privacy",
-  "search-for-permission": "Search for permission",
+    "privacy-loading": "Privacy loading...",
-  "search-for-runner-by-name-or-id": "Search for runner (by name or id)",
+    "profile": "Profile",
-  "select-all": "select all",
+    "profile-deleted": "Profile deleted!",
-  "select-language": "Select language",
+    "profile-picture": "Profile Picture",
-  "send-a-mail-to-lfk-odit-services": "send a mail to lfk@odit.services",
+    "profile-updated": "Profile updated!",
-  "set-the-user-active-inactive": "set the user active/ inactive",
+    "read-license": "Read License",
-  "settings": "Settings",
+    "receipt-needed": "Receipt needed",
-  "settings-for-your-profile": "Settings for your profile",
+    "repo_link": "Link",
-  "something-about-the-group": "Something about the group...",
+    "request-a-new-reset-mail": "Request a new reset mail",
-  "stats-are-being-loaded": "stats are being loaded...",
+    "reset-my-password": "Reset my password",
-  "status": "Status",
+    "reset-password": "Reset your password",
-  "stuff-that-could-harm-your-profile": "Stuff that could harm your profile",
+    "runner": "Runner",
-  "successful-password-reset": "Successful password reset!",
+    "runner-added": "Runner added",
-  "team": "Team",
+    "runner-import": "Runner Import",
-  "team-detail-is-being-loaded": "team detail is being loaded...",
+    "runner-is-being-added": "Runner is being added...",
-  "team-name": "Team name",
+    "runner-updated": "Runner updated!",
-  "team-name-is-required": "team name is required",
+    "runnercards": "Runnercards",
-  "teams": "Teams",
+    "runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
-  "teams-are-being-loaded": "teams are being loaded...",
+    "runners": "Runners",
-  "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "the provided phone number is invalid.<br />please enter a valid international number...",
+    "runners-are-being-imported": "Runners are being imported...",
-  "the-scans-distance-must-be-greater-than-0m": "The scan's distance must be greater than 0m",
+    "runners-are-being-loaded": "runners are being loaded...",
-  "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The scanstation api token will only get displayed once - you won't be able to change or view it again!",
+    "save": "Save",
-  "there-are-no-cards-yet": "There are no cards yet.",
+    "save-changes": "Save Changes",
-  "there-are-no-contacts-added-yet": "There are no contacts added yet.",
+    "scan-added": "Scan added",
-  "there-are-no-donations-yet": "There are no donations yet",
+    "scan-is-being-updated": "Scan is being updated",
-  "there-are-no-donors-yet": "There are no donors yet",
+    "scan-with-fixed-distance": "Scan with fixed distance",
-  "there-are-no-groups-yet": "There are no groups yet",
+    "scans": "Scans",
-  "there-are-no-organizations-added-yet": "There are no organizations added yet.",
+    "scans-are-being-loaded": "Scans are being loaded",
-  "there-are-no-runners-added-yet": "There are no runners added yet.",
+    "scanstation": "Scanstation",
-  "there-are-no-scans-yet": "There are no scans yet",
+    "scanstation-added": "Scanstation added",
-  "there-are-no-teams-added-yet": "There are no teams added yet.",
+    "scanstation-is-being-added": "Adding scanstation...",
-  "there-are-no-users-added-yet": "There are no users added yet.",
+    "scanstations": "Scanstations",
-  "this-card-is": "This card is",
+    "scanstations-are-being-loaded": "Loading scanstations...",
-  "this-might-take-a-moment": "This might take a moment 👀",
+    "search-for-an-organization-by-name-or-id": "Search for an organization (by name or id)",
-  "this-scanstation-is": "This scanstation is",
+    "search-for-an-organization-or-team-by-name-or-id": "Search for an organization or team (by name or id)",
-  "token": "Token",
+    "search-for-donor-name-or-id": "Search for donor (by name or id)",
-  "total-distance": "total distance",
+    "search-for-permission": "Search for permission",
-  "total-donation-amount": "total donation amount",
+    "search-for-runner-by-name-or-id": "Search for runner (by name or id)",
-  "total-donations": "total donations",
+    "select-all": "select all",
-  "total-scans": "total scans",
+    "select-language": "Select language",
-  "track": "Track",
+    "selfservice-registration": "Selfservice registration",
-  "track-added": "Track added",
+    "send-a-mail-to-lfk-odit-services": "send a mail to lfk@odit.services",
-  "track-data-is-being-loaded": "Track data is being loaded",
+    "set-the-user-active-inactive": "set the user active/ inactive",
-  "track-is-being-added": "Track is being added...",
+    "settings": "Settings",
-  "track-length-in-m": "Track Length in m",
+    "settings-for-your-profile": "Settings for your profile",
-  "track-length-must-be-greater-than-0": "Track length must be greater than 0",
+    "something-about-the-group": "Something about the group...",
-  "track-name": "Track name",
+    "sponsoring-quittungs-liste_herunterladen": "Download donor receipt list",
-  "track-name-must-not-be-empty": "Track name must not be empty",
+    "sponsorings": "Sponsorings",
-  "tracks": "Tracks",
+    "stats-are-being-loaded": "stats are being loaded...",
-  "update-card": "Update Card",
+    "statsclient-deleted": "Deleted statsclient",
-  "update-password": "Update password",
+    "statsclient-is-being-added": "Statsclient is being added...",
-  "updated-contact": "Updated contact!",
+    "statsclients": "Statsclients (aka Beamershow)",
-  "updated-donor": "updated donor",
+    "statsclients-are-being-loaded": "Loading statsclients",
-  "updated-organization": "updated organization",
+    "status": "Status",
-  "updated-scan": "updated scan",
+    "stuff-that-could-harm-your-profile": "Stuff that could harm your profile",
-  "updateing-group": "updateing group...",
+    "successful-password-reset": "Successful password reset!",
-  "updating-card": "Updating card",
+    "team": "Team",
-  "updating-organization": "updating organization",
+    "team-added": "Team added",
-  "updating-permissions": "updating permissions...",
+    "team-deleted": "Team deleted",
-  "updating-runner": "Updating runner...",
+    "team-detail-is-being-loaded": "team detail is being loaded...",
-  "updating-user": "updating user...",
+    "team-is-being-added": "Team is being added...",
-  "updating-your-profile": "Updating your profile...",
+    "team-name": "Team name",
-  "user-added": "User added",
+    "team-name-is-required": "team name is required",
-  "user-groups": "User Groups",
+    "teams": "Teams",
-  "user-is-being-added": "User is being added...",
+    "teams-are-being-loaded": "teams are being loaded...",
-  "user-updated": "User updated",
+    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "the provided phone number is invalid.<br />please enter a valid international number...",
-  "username": "Username",
+    "the-scans-distance-must-be-greater-than-0m": "The scan's distance must be greater than 0m",
-  "users": "Users",
+    "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The scanstation api token will only get displayed once - you won't be able to change or view it again!",
-  "valid": "Valid",
+    "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The statsclient api token will only get displayed once - you won't be able to change or view it again!",
-  "valid-city-is-required": "Valid city is required",
+    "there-are-no-cards-yet": "There are no cards yet.",
-  "valid-email-is-required": "valid email is required",
+    "there-are-no-contacts-added-yet": "There are no contacts added yet.",
-  "valid-international-phone-number-is-required": "valid international phone number is required...",
+    "there-are-no-donations-yet": "There are no donations yet",
-  "valid-zipcode-postal-code-is-required": "Valid zipcode/ postal code is required",
+    "there-are-no-donors-yet": "There are no donors yet",
-  "verfuegbare": "availdable",
+    "there-are-no-groups-yet": "There are no groups yet",
-  "welcome_wavinghand": "Welcome 👋",
+    "there-are-no-organizations-added-yet": "There are no organizations added yet.",
-  "yes-i-copied-the-token": "Yes, I copied the token",
+    "there-are-no-runners-added-yet": "There are no runners added yet.",
-  "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "You are going to loose all permissions and access to the runner system!",
+    "there-are-no-scans-yet": "There are no scans yet",
-  "you-can-now-use-your-new-password-to-log-in-to-your-account": "You can now use your new password to log in to your account! 🎉",
+    "there-are-no-teams-added-yet": "There are no teams added yet.",
-  "you-can-provide-a-runner-but-you-dont-have-to": "You can provide a runner, but you don't have to.",
+    "there-are-no-users-added-yet": "There are no users added yet.",
-  "you-dont-have-any-scanstations-yet": "You don't have any scanstations yet",
+    "this-card-is": "This card is",
-  "you-have-to-provide-an-organization": "You have to provide an organization",
+    "this-might-take-a-moment": "This might take a moment 👀",
-  "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
+    "this-scanstation-is": "This scanstation is",
-  "zip-postal-code": "ZIP/ postal code",
+    "token": "Token",
-  "selfservice-registration": "Selfservice registration",
+    "total-distance": "total distance",
-  "copied-link-to-clipboard": "Copied link to clipboard",
+    "total-donation-amount": "total donation amount",
-  "click-to-copy-the-link-into-your-clipboard": "Click to copy the link into your clipboard"
+    "total-donations": "total donations",
-}
+    "total-paid-amount": "Total paid amount",
    "total-scans": "total scans",
    "total_donation_amount_in_eur": "Total donation amount in €",
    "track": "Track",
    "track-added": "Track added",
    "track-data-is-being-loaded": "Track data is being loaded",
    "track-is-being-added": "Track is being added...",
    "track-is-being-updated": "Track is being updated...",
    "track-length-in-m": "Track Length in m",
    "track-length-must-be-greater-than-0": "Track length must be greater than 0",
    "track-name": "Track name",
    "track-name-must-not-be-empty": "Track name must not be empty",
    "track-was-updated": "Track was updated!",
    "tracks": "Tracks",
    "unpaid": "Unpaid",
    "update-card": "Update Card",
    "update-password": "Update password",
    "updated-contact": "Updated contact!",
    "updated-donor": "updated donor",
    "updated-organization": "updated organization",
    "updated-scan": "updated scan",
    "updated-team": "Updated team",
    "updateing-group": "updateing group...",
    "updating-card": "Updating card",
    "updating-donation": "Updating donation",
    "updating-organization": "updating organization",
    "updating-permissions": "updating permissions...",
    "updating-runner": "Updating runner...",
    "updating-team": "Updating team",
    "updating-user": "updating user...",
    "updating-your-profile": "Updating your profile...",
    "user-added": "User added",
    "user-groups": "User Groups",
    "user-is-being-added": "User is being added...",
    "user-updated": "User updated",
    "username": "Username",
    "users": "Users",
    "valid": "Valid",
    "valid-city-is-required": "Valid city is required",
    "valid-email-is-required": "valid email is required",
    "valid-international-phone-number-is-required": "valid international phone number is required...",
    "valid-zipcode-postal-code-is-required": "Valid zipcode/ postal code is required",
    "verfuegbare": "availdable",
    "welcome_wavinghand": "Welcome 👋",
    "yes-i-copied-the-token": "Yes, I copied the token",
    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "You are going to loose all permissions and access to the runner system!",
    "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "You can enter the donation's paid amount manually or use the MAX button to use the donation's exact amount.",
    "you-can-now-use-your-new-password-to-log-in-to-your-account": "You can now use your new password to log in to your account! 🎉",
    "you-can-provide-a-runner-but-you-dont-have-to": "You can provide a runner, but you don't have to.",
    "you-dont-have-any-scanclients-yet": "You don't have any statsclients yet",
    "you-dont-have-any-scanstations-yet": "You don't have any scanstations yet",
    "you-have-to-provide-an-organization": "You have to provide an organization",
    "you-have-to-save-your-changes-to-generate-a-link": "You have to save your changes to generate a link.",
    "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
    "zip-postal-code": "ZIP/ postal code"
 }
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,9 @@
 import './style.css';
 import "toastify-js/src/toastify.css";
 import "gridjs/dist/theme/mermaid.css";
 import App from './App.svelte';
 const app = new App({
 	target: document.body
 });
 export default app;
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
--- a/src/swmodule.js
+++ b/src/swmodule.js
@@ -1,14 +0,0 @@
 export const register = () => {
 	if ('serviceWorker' in navigator) {
 		window.addEventListener('load', () => {
 			navigator.serviceWorker.register('/sw.js').then(
 				(registration) => {
 					// console.log(`sw successful with scope: ${registration.scope}`);
 				},
 				(err) => {
 					// console.log(`sw failed: ${err}`);
 				}
 			);
 		});
 	}
 };
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,14 +1,15 @@
 module.exports = {
-	purge: {
+	mode: 'jit',
-		content: [ './src/**/*.svelte' ]
+	purge: [ './src/**/*.svelte' ],
 	},
 	// darkMode: 'media',
 	variants: {},
 	plugins: [],
 	theme: {
-		container: {
+		extend: {
-			center: true,
+			colors: {
-			padding: '1.5rem'
+				reepolee: {
 					500: '#b40000',
 					600: '#9c0000',
 					700: '#750000'
 				}
 			}
 		}
 	}
 };
--- a/template-copy.js
+++ b/template-copy.js
@@ -1,19 +0,0 @@
 const fs = require('fs');
 let content_svelteconfig = fs.readFileSync('./s-config.template.js', { encoding: 'utf8' });
 let content_html = fs.readFileSync('./index.template.html', { encoding: 'utf8' });
 if (process.env.NODE_ENV_ODIT == 'development_fast') {
 	content_html = content_html.replace(
 		'__TAILWIND_INSERT__',
 		'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.0.2/dist/tailwind.min.css">'
 	);
 	content_svelteconfig = content_svelteconfig.replace('__insert__', '{postcss:{}}');
 } else {
 	content_html = content_html.replace('__TAILWIND_INSERT__', '');
 	content_svelteconfig = content_svelteconfig.replace(
 		'__insert__',
 		"{postcss:{plugins:[require('tailwindcss'),require('autoprefixer')]}}"
 	);
 }
 fs.writeFileSync('./public/index.html', content_html);
 fs.writeFileSync('./svelte.config.js', content_svelteconfig);
 console.info('dev setup script done');
--- a/versionbuilder.js
+++ b/versionbuilder.js
@@ -1,5 +1,5 @@
 const fs = require('fs');
 const package = JSON.parse(fs.readFileSync(`./package.json`, { encoding: 'utf-8' }));
-const original = fs.readFileSync(`./index.template.html`, { encoding: 'utf-8' });
+const original = fs.readFileSync(`./index.html`, { encoding: 'utf-8' });
 let out = original.replace(/RELEASE_INFO-(\S)+-RELEASE_INFO/gi, 'RELEASE_INFO-' + package.version + '-RELEASE_INFO');
-fs.writeFileSync(`./index.template.html`, out);
+fs.writeFileSync(`./index.html`, out);
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,38 @@
 import svelte from '@sveltejs/vite-plugin-svelte';
 import { minify } from 'html-minifier';
 import { defineConfig } from 'vite';
 //
 const indexReplace = () => {
 	return {
 		name: 'html-transform',
 		transformIndexHtml(html) {
 			return minify(html, {
 				collapseWhitespace: true
 			});
 		}
 	};
 };
 export default defineConfig(({ command, mode }) => {
 	const isProduction = mode === 'production';
 	return {
 		// base: './',
 		build: {
 			polyfillDynamicImport: false,
 			cssCodeSplit: false,
 			minify: isProduction
 		},
 		plugins: [
 			svelte({
 				//@ts-ignore
 				hot: !isProduction,
 				emitCss: true,
 				extensions: [ '.md', '.svx', '.svelte' ],
 				preprocess: [
 					//
 				]
 			}),
 			indexReplace()
 		]
 	};
 });
--- a/workbox-config.js
+++ b/workbox-config.js
@@ -1,9 +0,0 @@
 module.exports = {
 	globDirectory: 'public',
 	globPatterns: [ '**/*.{js,ico,png,svg,html,webmanifest,txt,json}' ],
 	globIgnores: [ 'env.js', 'env.sample.js' ],
 	swDest: 'public/sw.js',
 	cleanupOutdatedCaches: true,
 	mode: 'production',
 	sourcemap: false
 };