diff --git a/index.html b/index.html
index 097dba8..537bc3c 100644
--- a/index.html
+++ b/index.html
@@ -948,10 +948,10 @@
         </div>
     </div>
 
-    <script src="src/main.js"></script>
-    <script src="src/cart.js"></script>
-    <script src="src/booking.js"></script>
-    <script src="src/checkout.js"></script>
+    <script type="module" src="dist/main.js"></script>
+    <script type="module" src="dist/cart.js"></script>
+    <script type="module" src="dist/booking.js"></script>
+    <script type="module" src="dist/checkout.js"></script>
     <script type="module" src="dist/account.js"></script>
 </body>
 </html>
diff --git a/src/account.ts b/src/account.ts
index a422e44..33da2ec 100644
--- a/src/account.ts
+++ b/src/account.ts
@@ -1,4 +1,4 @@
-import type { User } from "./interfaces";
+import type { User } from "./interfaces.js";
 
 function readStorageJson(key: string, fallbackValue: any) {
     const raw = localStorage.getItem(key);
diff --git a/src/booking.ts b/src/booking.ts
index 0458a42..9c12878 100644
--- a/src/booking.ts
+++ b/src/booking.ts
@@ -1,6 +1,6 @@
-import { seatLayouts, occupiedSeatsData, prices, cart } from "./main"
-import { renderCart, saveCart } from "./cart";
-import { renderCheckout } from "./checkout";
+import { seatLayouts, occupiedSeatsData, prices, cart } from "./main.js"
+import { renderCart, saveCart } from "./cart.js";
+import { renderCheckout } from "./checkout.js";
 
 let currentBookingContext: any = null;
 let currentHallLayout: any = null;
diff --git a/src/cart.ts b/src/cart.ts
index 26a958d..a81c934 100644
--- a/src/cart.ts
+++ b/src/cart.ts
@@ -1,4 +1,4 @@
-import { cart } from "./main";
+import { cart } from "./main.js";
 
 function formatEuro(value: number) {
     return `${Number(value || 0).toFixed(2).replace(".", ",")} EUR`;
diff --git a/src/checkout.ts b/src/checkout.ts
index 511a731..2c7c58b 100644
--- a/src/checkout.ts
+++ b/src/checkout.ts
@@ -1,6 +1,6 @@
-import { currentUser, users } from "./account";
-import { renderCart, saveCart } from "./cart";
-import { cart, emptyCart, occupiedSeatsData } from "./main";
+import { currentUser, users } from "./account.js";
+import { renderCart, saveCart } from "./cart.js";
+import { cart, emptyCart, occupiedSeatsData } from "./main.js";
 
 function formatCheckoutEuro(value: number) {
     return `${Number(value || 0).toFixed(2).replace(".", ",")} EUR`;
diff --git a/src/main.ts b/src/main.ts
index 20313bf..fd86452 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,7 @@
-import { currentUser, loginUser, openAccountDashboard, registerUser } from "./account";
-import { openBooking } from "./booking";
-import { renderCart, saveCart, updateCartBadge } from "./cart";
-import { renderCheckout } from "./checkout";
+import { currentUser, loginUser, openAccountDashboard, registerUser } from "./account.js";
+import { openBooking } from "./booking.js";
+import { renderCart, saveCart, updateCartBadge } from "./cart.js";
+import { renderCheckout } from "./checkout.js";
 
 // Shared app state for legacy script files (account.js, booking.js, cart.js, checkout.js)
 export const prices: Record<string, number> = { normal: 11.0, imax: 15.0, vip: 12.0, dbox: 16.0 };
@@ -67,8 +67,8 @@ document.addEventListener("DOMContentLoaded", () => {
             duration: 148,
             fsk: "6",
             description: "In Walt Disney Animation Studios’ \"Zoomania 2\" geraten die tierischen Detektive Judy Hopps und Nick Wilde auf die rätselhafte Spur eines geheimnisvollen Reptils, das in Zoomania auftaucht und die Metropole völlig auf den Kopf stellt: Gary De’Snake! ",
-            poster: "img/zoomania-2.jpg",
-            backdrop: "img/zoomania-2.jpg"
+            poster: "img/Zoomania-2.jpg",
+            backdrop: "img/Zoomania-2.jpg"
         },
         {
             title: "Shelter",