diff --git a/src/components/orgs/OrgDetail.svelte b/src/components/orgs/OrgDetail.svelte
index 1575cada..8d470942 100644
--- a/src/components/orgs/OrgDetail.svelte
+++ b/src/components/orgs/OrgDetail.svelte
@@ -11,6 +11,7 @@
   import PromiseError from "../base/PromiseError.svelte";
   import Select from "svelte-select";
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
+  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   $: delete_triggered = false;
   $: address_valid_or_none =
     (isAddress1Valid && iszipcodevalid && iscityvalid) ||
@@ -28,6 +29,7 @@
   $: iszipcodevalid = editable.address?.postalcode?.trim().length !== 0;
   $: iscityvalid = editable.address?.city?.trim().length !== 0;
   $: sponsoring_contracts_show = true;
+  $: cards_show = true;
   $: generate_orgs = [original_object];
   const getContactLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
@@ -130,6 +132,9 @@
         <GenerateSponsoringContracts
           bind:sponsoring_contracts_show
           bind:generate_orgs />
+        <GenerateRunnerCards
+          bind:cards_show
+          bind:generate_orgs />
         {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
           <button
             on:click={() => {
diff --git a/src/components/runners/RunnerDetail.svelte b/src/components/runners/RunnerDetail.svelte
index 5104f8c6..b26d2eda 100644
--- a/src/components/runners/RunnerDetail.svelte
+++ b/src/components/runners/RunnerDetail.svelte
@@ -1,6 +1,7 @@
 <script>
   import { getLocaleFromNavigator, _ } from "svelte-i18n";
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
+  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import store from "../../store";
   import {
     RunnerService,
@@ -15,7 +16,6 @@
   export let params;
   const runner_promise = RunnerService.runnerControllerGetOne(params.runnerid);
   $: delete_triggered = false;
-  $: sponsoring_contracts_download_open = false;
   $: original_data_pdf = {};
   $: original_data = {};
   $: editable = {};
@@ -35,6 +35,7 @@
     isEmailValid &&
     editable.group != null;
   $: sponsoring_contracts_show = true;
+  $: cards_show = true;
   $: generate_runners = [original_data_pdf];
   runner_promise.then((data) => {
     data_loaded = true;
@@ -156,6 +157,9 @@
           <GenerateSponsoringContracts
             bind:sponsoring_contracts_show
             bind:generate_runners />
+          <GenerateRunnerCards
+            bind:sponsoring_contracts_show
+            bind:generate_runners />
           {#if !delete_triggered}
             <button
               on:click={() => {
diff --git a/src/components/teams/TeamDetail.svelte b/src/components/teams/TeamDetail.svelte
index dd3d16bf..8ead42a3 100644
--- a/src/components/teams/TeamDetail.svelte
+++ b/src/components/teams/TeamDetail.svelte
@@ -13,6 +13,7 @@
   import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte";
   import Teams from "./Teams.svelte";
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
+  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   let [teamdata, original, delete_team, orgs, contacts, modal_open] = [
     {},
     {},
@@ -28,6 +29,7 @@
   $: data_loaded = false;
   $: data_changed = JSON.stringify(teamdata) === JSON.stringify(original);
   $: sponsoring_contracts_show = true;
+  $: cards_show = true;
   $: generate_teams = [original];
   $: group = {};
   $: contact = {};
@@ -117,6 +119,9 @@
         <GenerateSponsoringContracts
           bind:sponsoring_contracts_show
           bind:generate_teams />
+        <GenerateRunnerCards
+          bind:cards_show
+          bind:generate_teams />
         {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
           <button
             on:click={() => {