diff --git a/src/components/EpisodeDetail.svelte b/src/components/EpisodeDetail.svelte
index 440216af67bdb6f729ea1b6baca755a61a6191c5..517fd1c3606da94c07a2a54e8a96f655aba9467e 100644
--- a/src/components/EpisodeDetail.svelte
+++ b/src/components/EpisodeDetail.svelte
@@ -1,12 +1,9 @@
 <script>
   import { onMount } from 'svelte'
   import Spinner from '../common/Spinner.svelte'
-  import { fetchApi } from '../common/Common.svelte'
+  import { settings, fetchApi } from '../common/Common.svelte'
   import EpisodeCardBig from '../cards/EpisodeCardBig.svelte'
 
-  export let api = 'https://prog-info.o94.at/api.php'
-  export let endpointEpisode = 'timeslots'
-  export let endpointShows = 'shows'
   export let episodeId = undefined
   /* Nested Component Props */
   export let labelPlay = undefined
@@ -24,8 +21,8 @@
     let url = new URL(window.location.href)
     let urlId = url.searchParams.get('id')
     if (urlId) episodeId = urlId
-
-    let episodeUrl = `${api}/${endpointEpisode}/${episodeId}?&withNote`
+    let endpointEpisode = settings.api.endpoints.episode
+    let episodeUrl = `${settings.api.url}/${endpointEpisode}/${episodeId}?&withNote`
     console.log('Episode API Url:' + episodeUrl)
     fetchApi(episodeUrl, processEpisodeResponse)
   })
@@ -41,8 +38,8 @@
     //
     // There should be no need to do an additional show query
     tmp_episode = data
-
-    let showUrl = `${api}/${endpointShows}/${data.show}`
+    let endpointShow = settings.api.endpoints.show
+    let showUrl = `${settings.api.url}/${endpointShow}/${data.show}`
     console.log('Show API Url:' + showUrl)
     fetchApi(showUrl, processShowResponse)
   }