diff --git a/src/components/BasePage.svelte b/src/lib/BasePage.svelte
similarity index 98%
rename from src/components/BasePage.svelte
rename to src/lib/BasePage.svelte
index 1d7e663..2724223 100644
--- a/src/components/BasePage.svelte
+++ b/src/lib/BasePage.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import Toc from 'svelte-toc/Toc.svelte'
   import Update from '~icons/ic/update'
-  import Img from '../components/Img.svelte'
-  import type { Page } from '../types'
   import { microcopy } from '../stores'
+  import type { Page } from '../types'
+  import Img from './Img.svelte'
 
   export let page: Page
 
diff --git a/src/components/ChapterList.svelte b/src/lib/ChapterList.svelte
similarity index 100%
rename from src/components/ChapterList.svelte
rename to src/lib/ChapterList.svelte
diff --git a/src/components/ChapterMap.svelte b/src/lib/ChapterMap.svelte
similarity index 98%
rename from src/components/ChapterMap.svelte
rename to src/lib/ChapterMap.svelte
index 1f0291c..f230ed1 100644
--- a/src/components/ChapterMap.svelte
+++ b/src/lib/ChapterMap.svelte
@@ -1,9 +1,9 @@
 <script lang="ts" context="module">
   import type { Load } from '@sveltejs/kit'
-  import Map from '../components/Map.svelte'
-  import type { Chapter } from '../types'
   import { fetchChapters } from '../fetch'
   import { microcopy } from '../stores'
+  import type { Chapter } from '../types'
+  import Map from './Map.svelte'
 
   export const load: Load = async () => {
     const chapters = await fetchChapters()
diff --git a/src/components/CircleSpinner.svelte b/src/lib/CircleSpinner.svelte
similarity index 100%
rename from src/components/CircleSpinner.svelte
rename to src/lib/CircleSpinner.svelte
diff --git a/src/components/Collapsible.svelte b/src/lib/Collapsible.svelte
similarity index 100%
rename from src/components/Collapsible.svelte
rename to src/lib/Collapsible.svelte
diff --git a/src/components/Footer.svelte b/src/lib/Footer.svelte
similarity index 100%
rename from src/components/Footer.svelte
rename to src/lib/Footer.svelte
diff --git a/src/components/FormField.svelte b/src/lib/FormField.svelte
similarity index 100%
rename from src/components/FormField.svelte
rename to src/lib/FormField.svelte
diff --git a/src/components/Geocoder.svelte b/src/lib/Geocoder.svelte
similarity index 100%
rename from src/components/Geocoder.svelte
rename to src/lib/Geocoder.svelte
diff --git a/src/components/Header.svelte b/src/lib/Header.svelte
similarity index 100%
rename from src/components/Header.svelte
rename to src/lib/Header.svelte
diff --git a/src/components/Img.svelte b/src/lib/Img.svelte
similarity index 100%
rename from src/components/Img.svelte
rename to src/lib/Img.svelte
diff --git a/src/components/Map.svelte b/src/lib/Map.svelte
similarity index 100%
rename from src/components/Map.svelte
rename to src/lib/Map.svelte
diff --git a/src/components/Modal.svelte b/src/lib/Modal.svelte
similarity index 100%
rename from src/components/Modal.svelte
rename to src/lib/Modal.svelte
diff --git a/src/components/Nav.svelte b/src/lib/Nav.svelte
similarity index 100%
rename from src/components/Nav.svelte
rename to src/lib/Nav.svelte
diff --git a/src/components/PlaceSelect.svelte b/src/lib/PlaceSelect.svelte
similarity index 100%
rename from src/components/PlaceSelect.svelte
rename to src/lib/PlaceSelect.svelte
diff --git a/src/components/PostPreview.svelte b/src/lib/PostPreview.svelte
similarity index 100%
rename from src/components/PostPreview.svelte
rename to src/lib/PostPreview.svelte
diff --git a/src/components/RadioButtons.svelte b/src/lib/RadioButtons.svelte
similarity index 100%
rename from src/components/RadioButtons.svelte
rename to src/lib/RadioButtons.svelte
diff --git a/src/components/SearchHit.svelte b/src/lib/SearchHit.svelte
similarity index 100%
rename from src/components/SearchHit.svelte
rename to src/lib/SearchHit.svelte
diff --git a/src/components/Social.svelte b/src/lib/Social.svelte
similarity index 100%
rename from src/components/Social.svelte
rename to src/lib/Social.svelte
diff --git a/src/components/TagList.svelte b/src/lib/TagList.svelte
similarity index 100%
rename from src/components/TagList.svelte
rename to src/lib/TagList.svelte
diff --git a/src/components/Toggle.svelte b/src/lib/Toggle.svelte
similarity index 100%
rename from src/components/Toggle.svelte
rename to src/lib/Toggle.svelte
diff --git a/src/components/ToolTip.svelte b/src/lib/ToolTip.svelte
similarity index 100%
rename from src/components/ToolTip.svelte
rename to src/lib/ToolTip.svelte
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1a92a22..3c006e4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { afterNavigate } from '$app/navigation'
+  import Footer from '$lib/Footer.svelte'
+  import Header from '$lib/Header.svelte'
   import '../app.css'
-  import Footer from '../components/Footer.svelte'
-  import Header from '../components/Header.svelte'
   import { microcopy } from '../stores'
   import type { LayoutData } from './$types'
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c75c8b9..577396a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+  import ChapterMap from '$lib/ChapterMap.svelte'
   import Child from '~icons/fa-solid/child'
   import UserGraduate from '~icons/fa-solid/user-graduate'
   import Place from '~icons/ic/place'
-  import ChapterMap from '../components/ChapterMap.svelte'
   import { microcopy } from '../stores'
   import type { PageData } from './$types'
 
diff --git a/src/routes/[...slug]/+page.svelte b/src/routes/[...slug]/+page.svelte
index 86d4ed8..cef11a4 100644
--- a/src/routes/[...slug]/+page.svelte
+++ b/src/routes/[...slug]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import BasePage from '../../components/BasePage.svelte'
+  import BasePage from '$lib/BasePage.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/[...slug]/+page.ts b/src/routes/[...slug]/+page.ts
index ea94af7..5cd5f64 100644
--- a/src/routes/[...slug]/+page.ts
+++ b/src/routes/[...slug]/+page.ts
@@ -1,6 +1,6 @@
 import type { PageLoad } from '@sveltejs/kit'
 import { error } from '@sveltejs/kit'
-import { fetchPage } from '../../fetch'
+import { fetchPage } from 'src/fetch'
 
 export const load: PageLoad = async ({ params }) => {
   // delegate route to static/robots.txt
diff --git a/src/routes/auszeichnungen/+page.svelte b/src/routes/auszeichnungen/+page.svelte
index 1bedf88..5be3187 100644
--- a/src/routes/auszeichnungen/+page.svelte
+++ b/src/routes/auszeichnungen/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import PriceRibbon from '~icons/fa-solid/award'
   import Calendar from '~icons/octicon/calendar'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/auszeichnungen/+page.ts b/src/routes/auszeichnungen/+page.ts
index f5be394..dd3bc4a 100644
--- a/src/routes/auszeichnungen/+page.ts
+++ b/src/routes/auszeichnungen/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`auszeichnungen`)
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 86cc3d7..a7c9293 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import PostPreview from '$src/components/PostPreview.svelte'
-  import Social from '$src/components/Social.svelte'
-  import TagList from '$src/components/TagList.svelte'
+  import PostPreview from '$lib/PostPreview.svelte'
+  import Social from '$lib/Social.svelte'
+  import TagList from '$lib/TagList.svelte'
   import type { BlogTag } from '$src/types'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index d480c4e..bf6e011 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Img from '$src/components/Img.svelte'
-  import ToolTip from '$src/components/ToolTip.svelte'
+  import Img from '$lib/Img.svelte'
+  import ToolTip from '$lib/ToolTip.svelte'
   import type { Post } from '$src/types'
   import PersonCircle from '~icons/bi/person-circle'
   import GraduationCap from '~icons/fa-solid/graduation-cap'
diff --git a/src/routes/faq/+page.svelte b/src/routes/faq/+page.svelte
index f6c9e3a..982ab1e 100644
--- a/src/routes/faq/+page.svelte
+++ b/src/routes/faq/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Collapsible from '$lib/Collapsible.svelte'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'
   import ChalkboardTeacher from '~icons/fa-solid/chalkboard-teacher'
@@ -9,7 +10,6 @@
   import MiscellaneousServices from '~icons/ic/round-miscellaneous-services'
   import SupportAgent from '~icons/ic/round-support-agent'
   import SelectAll from '~icons/ic/select-all'
-  import Collapsible from '../../components/Collapsible.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/faq/+page.ts b/src/routes/faq/+page.ts
index 953f964..a2c0d0f 100644
--- a/src/routes/faq/+page.ts
+++ b/src/routes/faq/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchYamlList } from '../../fetch'
+import { fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const faqs = await fetchYamlList(`FAQ`, `faq#`)
diff --git a/src/routes/lernmaterial/+page.svelte b/src/routes/lernmaterial/+page.svelte
index a5a34f5..b4ca535 100644
--- a/src/routes/lernmaterial/+page.svelte
+++ b/src/routes/lernmaterial/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'
   import CardText from '~icons/bi/card-text'
@@ -11,8 +13,6 @@
   import SelectAll from '~icons/ic/select-all'
   import Atom from '~icons/simple-icons/atom'
   import Disqus from '~icons/simple-icons/disqus'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/lernmaterial/+page.ts b/src/routes/lernmaterial/+page.ts
index bf65479..a435377 100644
--- a/src/routes/lernmaterial/+page.ts
+++ b/src/routes/lernmaterial/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`lernmaterial`)
diff --git a/src/routes/presse/+page.svelte b/src/routes/presse/+page.svelte
index 6bd83f1..f8bd27d 100644
--- a/src/routes/presse/+page.svelte
+++ b/src/routes/presse/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import Place from '~icons/ic/place'
   import Newspaper from '~icons/ion/newspaper'
   import Calendar from '~icons/octicon/calendar'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/presse/+page.ts b/src/routes/presse/+page.ts
index 4013556..4bf1e4e 100644
--- a/src/routes/presse/+page.ts
+++ b/src/routes/presse/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`presse`)
diff --git a/src/routes/signup-pupil/+page.svelte b/src/routes/signup-pupil/+page.svelte
index 52fdebb..7267a68 100644
--- a/src/routes/signup-pupil/+page.svelte
+++ b/src/routes/signup-pupil/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
+  import CircleSpinner from '$lib/CircleSpinner.svelte'
+  import FormField from '$lib/FormField.svelte'
+  import Modal from '$lib/Modal.svelte'
   import Plant from '~icons/ri/plant-fill'
-  import CircleSpinner from '../../components/CircleSpinner.svelte'
-  import FormField from '../../components/FormField.svelte'
-  import Modal from '../../components/Modal.svelte'
   // to make the signup form truely adaptive to other countries, these 3 files need to be imported adaptively (same in the other form)
-  import { signupStore } from '../../stores'
-  import { signup_form_submit_handler } from '../../utils/airtable'
+  import { signupStore } from 'src/stores'
+  import { signup_form_submit_handler } from 'src/utils/airtable'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/signup-pupil/+page.ts b/src/routes/signup-pupil/+page.ts
index 8c61a7d..615e8a1 100644
--- a/src/routes/signup-pupil/+page.ts
+++ b/src/routes/signup-pupil/+page.ts
@@ -1,11 +1,11 @@
 import { dev } from '$app/env'
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchChapters, parseFormData } from '../../fetch'
+import { fetchChapters, parseFormData } from 'src/fetch'
 // to make the signup form i18n-compatible,
 // these 3 files need to be imported adaptively (same in the student form)
-import messages from '../../signup-form/de/messages.yml'
-import options from '../../signup-form/de/options.yml'
-import raw_form from '../../signup-form/de/pupil.yml'
+import messages from 'src/signup-form/de/messages.yml'
+import options from 'src/signup-form/de/options.yml'
+import raw_form from 'src/signup-form/de/pupil.yml'
 
 export const load: PageLoad = async () => {
   let chapters = await fetchChapters()
diff --git a/src/routes/signup-student/+page.svelte b/src/routes/signup-student/+page.svelte
index d2709b3..58475d8 100644
--- a/src/routes/signup-student/+page.svelte
+++ b/src/routes/signup-student/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import CircleSpinner from '$lib/CircleSpinner.svelte'
+  import FormField from '$lib/FormField.svelte'
+  import Modal from '$lib/Modal.svelte'
+  import { signupStore } from 'src/stores'
+  import { signup_form_submit_handler } from 'src/utils/airtable'
   import Plant from '~icons/ri/plant-fill'
-  import CircleSpinner from '../../components/CircleSpinner.svelte'
-  import FormField from '../../components/FormField.svelte'
-  import Modal from '../../components/Modal.svelte'
-  import { signupStore } from '../../stores'
-  import { signup_form_submit_handler } from '../../utils/airtable'
 
   import type { PageData } from './$types'
   export let data: PageData
diff --git a/src/routes/signup-student/+page.ts b/src/routes/signup-student/+page.ts
index 89a3a3d..58f2b4c 100644
--- a/src/routes/signup-student/+page.ts
+++ b/src/routes/signup-student/+page.ts
@@ -1,9 +1,9 @@
 import { dev } from '$app/env'
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchChapters, parseFormData } from '../../fetch'
-import messages from '../../signup-form/de/messages.yml'
-import options from '../../signup-form/de/options.yml'
-import raw_form from '../../signup-form/de/student.yml'
+import { fetchChapters, parseFormData } from 'src/fetch'
+import messages from 'src/signup-form/de/messages.yml'
+import options from 'src/signup-form/de/options.yml'
+import raw_form from 'src/signup-form/de/student.yml'
 
 export const load: PageLoad = async () => {
   let chapters = await fetchChapters()
diff --git a/src/routes/standorte/+page.svelte b/src/routes/standorte/+page.svelte
index 79a41da..00a4ee8 100644
--- a/src/routes/standorte/+page.svelte
+++ b/src/routes/standorte/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import BasePage from '$src/components/BasePage.svelte'
-  import ChapterList from '$src/components/ChapterList.svelte'
-  import ChapterMap from '$src/components/ChapterMap.svelte'
+  import BasePage from '$lib/BasePage.svelte'
+  import ChapterList from '$lib/ChapterList.svelte'
+  import ChapterMap from '$lib/ChapterMap.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/src/routes/standorte/[slug]/+page.svelte b/src/routes/standorte/[slug]/+page.svelte
index 33f1b13..12ebb2f 100644
--- a/src/routes/standorte/[slug]/+page.svelte
+++ b/src/routes/standorte/[slug]/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import BasePage from '$src/components/BasePage.svelte'
+  import BasePage from '$lib/BasePage.svelte'
+  import { microcopy } from 'src/stores'
   import InfoCircle from '~icons/bi/info-circle-fill'
   import Child from '~icons/fa-solid/child'
   import GraduationCap from '~icons/fa-solid/graduation-cap'
   import Email from '~icons/ic/email'
-  import { microcopy } from '../../../stores'
   import type { PageData } from './$types'
 
   export let data: PageData
diff --git a/tsconfig.json b/tsconfig.json
index 201dc96..e181a38 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,10 +16,6 @@
 
     "forceConsistentCasingInFileNames": true,
 
-    "paths": {
-      "$src/*": ["./src/*"]
-    },
-
     "types": ["unplugin-icons/types/svelte"]
   }
 }