diff --git a/templates/404.html b/templates/404.html
index 03d5d36..94dfaa6 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -3,10 +3,12 @@
     <div class="container text-center">
         <h1 class="h1">Seite nicht gefunden</h1>
 
-        <img src="/images/404/bot.svg" class="img-fluid" width="300"/>
+        <img src="{{ get_url(path='images/404/bot.svg') }}"
+             class="img-fluid"
+             width="300"/>
 
         <div class="d-grid gap-2 pt-3">
-            <a class="btn btn-dark" href="/" role="button">Zurück zur Startseite</a>
+            <a class="btn btn-dark" href="{{ get_url(path='/') }}" role="button">Zurück zur Startseite</a>
         </div>
     </div>
 {% endblock content %}
diff --git a/templates/appointment.tera.html b/templates/appointment.tera.html
index 1066650..70b251e 100644
--- a/templates/appointment.tera.html
+++ b/templates/appointment.tera.html
@@ -48,7 +48,10 @@
         </div>
     </div>
 
-    <iframe id="iframe" src="/contact-form" width="100%" title="Kontakt-Formular"></iframe>
+    <iframe id="iframe"
+            src="{{ get_url(path='contact-form') }}"
+            width="100%"
+            title="Kontakt-Formular"></iframe>
 
     <div class="alert alert-warning mt-2" role="alert">
         <h5 class="alert-heading">Bitte beachten Sie:</h5>
diff --git a/templates/base.tera.html b/templates/base.tera.html
index b432fe4..f644045 100644
--- a/templates/base.tera.html
+++ b/templates/base.tera.html
@@ -17,7 +17,8 @@
         {% set image = resize_image(path=config.extra.logo_path, width=32, height=32, op="fill") %}
         <link rel="icon" type="image/x-icon" href="{{ image.url }}" />
 
-        <link href="/bootstrap/bootstrap.min.css" rel="stylesheet"/>
+        <link href="{{ get_url(path='bootstrap/bootstrap.min.css') }}"
+              rel="stylesheet"/>
 
         <style>
             .grow-on-hover {
@@ -54,7 +55,7 @@
             {% include "partials/footer.tera.html" %}
         </footer>
 
-        <script src="/bootstrap/bootstrap.bundle.min.js"></script>
+        <script src="{{ get_url(path='bootstrap/bootstrap.bundle.min.js') }}"></script>
 
         {% block scripts %}
         {% endblock scripts %}
diff --git a/templates/index.html b/templates/index.html
index 03137e6..eceb79c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,6 +1,6 @@
 {% extends "base.tera.html" %}
 
-{% block styles %}<link rel="stylesheet" href="/leaflet/leaflet.css"/>{% endblock %}
+{% block styles %}<link rel="stylesheet" href="{{ get_url(path='leaflet/leaflet.css') }}"/>{% endblock %}
 
 {% block content %}
     <div class="row pb-3">
@@ -15,17 +15,19 @@
     </div>
 
     <div class="d-grid col-5 mx-auto gap-2 pt-2 pb-4">
-        <a href="/angebot" class="btn btn-success grow-on-hover shadow">Unser Angebot</a>
-        <a href="/termin" class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
+        <a href="{{ get_url(path='angebot') }}"
+           class="btn btn-success grow-on-hover shadow">Unser Angebot</a>
+        <a href="{{ get_url(path='termin') }}"
+           class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
     </div>
 
     <div class="mb-2 shadow" id="map" style="height: 40vh;"></div>
 {% endblock %}
 
 {% block scripts %}
-    <script src="/leaflet/leaflet.js"></script>
+    <script src="{{ get_url(path='leaflet/leaflet.js') }}"></script>
     <script>
-        L.Icon.Default.imagePath = "/leaflet/images/";
+        L.Icon.Default.imagePath = "{{ get_url(path='leaflet/images/', trailing_slash=true) }}";
 
         var center = L.latLng(50.05635, 7.12507);
         var map = L.map('map', {
diff --git a/templates/offers.tera.html b/templates/offers.tera.html
index 1f238cf..f794e17 100644
--- a/templates/offers.tera.html
+++ b/templates/offers.tera.html
@@ -91,7 +91,8 @@
     )}}
 
     <div class="d-grid col-5 mx-auto pt-2 pb-3">
-        <a href="/termin" class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
+        <a href="{{ get_url(path='termin') }}"
+           class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
     </div>
 
     <h4 class="text-center p-3" style="color: red;">
diff --git a/templates/partials/nav.tera.html b/templates/partials/nav.tera.html
index ae9f947..be6c1ed 100644
--- a/templates/partials/nav.tera.html
+++ b/templates/partials/nav.tera.html
@@ -15,7 +15,7 @@
 <nav class="navbar navbar-expand-lg"
      style="background-image: linear-gradient({{ config.extra.primary_color }}, 25%, white)">
     <div class="container-xxl">
-        <a class="navbar-brand grow-on-hover" href="/">
+        <a class="navbar-brand grow-on-hover" href="{{ get_url(path='/') }}">
             <!-- Use heigher resize_height for better resolution -->
             {% set resize_height = 85 %}
             {% set logo_meta = get_image_metadata(path=config.extra.logo_path) %}