diff --git a/estelle-köhler.html b/estelle-köhler.html
index 487dea3..b3a5383 100644
--- a/estelle-köhler.html
+++ b/estelle-köhler.html
@@ -3,10 +3,120 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Estelle's Comedy Show</title>
+    <style>
+        :root {
+            --bg-color: #111;
+            --text-color: #eee;
+            --accent-color: #ff69b4; /* pink accent */
+            --accent2-color: #9370db; /* lila accent */
+            --font-stack: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        body {
+            margin: 0;
+            font-family: var(--font-stack);
+            color: var(--text-color);
+            background-color: var(--bg-color);
+            text-align: center;
+            overflow-x: hidden;
+        }
+        header {
+            background-color: #222;
+            padding: 1rem;
+            text-align: center;
+        }
+        header h1 {
+            margin: 0;
+            font-size: 2.5rem;
+        }
+        .hero {
+            padding: 2rem;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
+        }
+        .hero img {
+            max-height: 400px;
+            width: auto;
+            border-radius: 8px;
+            border: 4px solid var(--accent-color);
+        }
+        .tour {
+            padding: 2rem;
+        }
+        .tour table {
+            width: 100%;
+            max-width: 600px;
+            margin: 0 auto;
+            border-collapse: collapse;
+        }
+        .tour th, .tour td {
+            border: 1px solid #444;
+            padding: 0.5rem;
+            text-align: center;
+        }
+        .tour th {
+            background-color: #222;
+        }
+        @media (max-width: 600px) {
+            .hero img {
+                max-width: 200px;
+            }
+        }
+    </style>
 </head>
 <body>
-    <h1>The trying website</h1>
-    <button>Contact</button>
+    <header>
+        <h1>Estelle's Comedy Show</h1>
+    </header>
+
+    <section class="hero">
+        <h2>Live on stage!</h2>
+        <img src="image_2e567a.png" alt="Estelle auf der Bühne">
+    </section>
+
+    <section class="tour">
+        <h2>Tour-Daten</h2>
+        <table>
+            <thead>
+                <tr><th>Datum</th><th>Ort</th><th>Status</th></tr>
+            </thead>
+            <tbody>
+                <tr><td>15. April 2026</td><td>Zürich</td><td>Tickets verfügbar</td></tr>
+                <tr><td>22. April 2026</td><td>Bern</td><td>Ausverkauft</td></tr>
+                <tr><td>30. April 2026</td><td>Basel</td><td>Tickets verfügbar</td></tr>
+                <tr><td>5. Mai 2026</td><td>Lausanne</td><td>Vorverkauf</td></tr>
+            </tbody>
+        </table>
+    </section>
+
+    <footer>
+        <p>&copy; 2026 Estelle's Comedy Show</p>
+    </footer>
+
+    <script>
+        // cursor laugh effect
+        document.addEventListener('mousemove', function(e) {
+            const span = document.createElement('span');
+            span.textContent = 'Ha Ha Ha';
+            span.style.position = 'fixed';
+            span.style.left = e.pageX + 'px';
+            span.style.top = e.pageY + 'px';
+            span.style.color = 'var(--accent-color)';
+            span.style.pointerEvents = 'none';
+            span.style.opacity = '1';
+            span.style.transition = 'transform 1s ease-out, opacity 1s ease-out';
+            const size = Math.random() * 10 + 14;
+            span.style.fontSize = size + 'px';
+            span.style.transform = `translate(-50%, -50%) rotate(${(Math.random()*40-20)}deg)`;
+            document.body.appendChild(span);
+            requestAnimationFrame(() => {
+                span.style.transform += ' translateY(-30px)';
+                span.style.opacity = '0';
+            });
+            setTimeout(() => document.body.removeChild(span), 1000);
+        });
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/estelle.webp b/estelle.webp
new file mode 100644
index 0000000..266a354
Binary files /dev/null and b/estelle.webp differ

Datum	Ort	Status
15. April 2026	Zürich	Tickets verfügbar
22. April 2026	Bern	Ausverkauft
30. April 2026	Basel	Tickets verfügbar
5. Mai 2026	Lausanne	Vorverkauf