diff --git a/docker-compose.yml b/docker-compose.yml
index 7c8efd8..8625266 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -2,6 +2,21 @@ services:
   tino-ardez:
     build: .
     restart: unless-stopped
+    read_only: true
+    tmpfs:
+      - /tmp
+      - /var/cache/nginx
+      - /var/run
+    cap_drop:
+      - ALL
+    cap_add:
+      - NET_BIND_SERVICE
+      - CHOWN
+      - SETGID
+      - SETUID
+      - DAC_OVERRIDE
+    security_opt:
+      - no-new-privileges:true
     labels:
       - "traefik.enable=true"
       - "traefik.http.routers.tino-ardez.rule=Host(`tino-ardez.jeffemmett.com`)"
diff --git a/index.html b/index.html
index 5fc608f..f40db16 100644
--- a/index.html
+++ b/index.html
@@ -343,6 +343,67 @@
                         <p>Viele Menschen betrachten Selbstheilung als einen ganzheitlichen Prozess, bei dem Körper, Geist und Seele im Einklang sein sollten. Methoden wie Yoga, Meditation, Akupunktur oder Naturheilverfahren werden oft genutzt, um die Selbstheilungskräfte zu stärken.</p>
                     </div>
                 </div>
+
+                <div class="behandlung-step">
+                    <div class="step-number">3</div>
+                    <div class="step-content">
+                        <h3>Energetische Transformation</h3>
+                        <p>In diesem zentralen Teil der Sitzung werden gezielte Impulse auf der Quantenebene gesetzt, um schon lange bestehende Blockaden, Schmerzen oder Traumas und die zugrunde liegenden Ursachen zu lösen. Deine Selbstheilungskräfte werden so aktiviert, und durch harmonisierende Energien wird die Transformation auf allen Ebenen unterstützt.</p>
+                    </div>
+                </div>
+
+                <div class="behandlung-step">
+                    <div class="step-number">4</div>
+                    <div class="step-content">
+                        <h3>Integration und Reflexion</h3>
+                        <p>Nach der energetischen Arbeit hast du Zeit, die erfahrenen Veränderungen zu spüren und zu verinnerlichen. Im Anschluss reflektieren wir gemeinsam, welche Erkenntnisse sich gezeigt haben und wie du diese in deinen Alltag integrieren kannst.</p>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Alltagstools -->
+            <div class="alltagstools">
+                <h3>Alltagstools für nachhaltige Transformation</h3>
+                <p>Neben der energetischen Arbeit in der Sitzung erhältst du einfache, praktische Werkzeuge, die du im Alltag nutzen kannst, um die Heilungsprozesse zu vertiefen und dein Wohlbefinden zu fördern. Diese Tools sind individuell auf deine Bedürfnisse abgestimmt und können Folgendes umfassen:</p>
+                <ul class="tools-list">
+                    <li>Atemtechniken</li>
+                    <li>Achtsamkeitsübungen</li>
+                    <li>Einfache Meditationen</li>
+                    <li>Affirmationen</li>
+                    <li>Impulse für Routinen</li>
+                </ul>
+                <p>Diese Tools unterstützen dich dabei, die in der Quantenheilungssitzung angestoßenen Veränderungen nachhaltig in deinen Alltag zu integrieren und langfristig ein erfüllteres, gesünderes Leben zu führen.</p>
+                <p>Zum Abschluss besprechen wir weitere Schritte, die dich auf deinem Weg zur Heilung und inneren Balance unterstützen können.</p>
+            </div>
+
+            <!-- Pricing -->
+            <div class="pricing-card">
+                <div class="pricing-details">
+                    <div class="pricing-item">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
+                            <circle cx="12" cy="10" r="3"/>
+                        </svg>
+                        <span>Pimunt 271, 7550 Scuol — Fernbehandlung oder Hausbesuche</span>
+                    </div>
+                    <div class="pricing-item">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <circle cx="12" cy="12" r="10"/>
+                            <polyline points="12 6 12 12 16 14"/>
+                        </svg>
+                        <span>Dauer: ca. 60–90 Minuten</span>
+                    </div>
+                    <div class="pricing-item">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <line x1="12" y1="1" x2="12" y2="23"/>
+                            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
+                        </svg>
+                        <span>Investition in dich: CHF 100.– pro Stunde</span>
+                    </div>
+                </div>
+                <p class="pricing-note">Hausbesuche: Tarif passt sich an der Entfernung an.</p>
+                <p class="pricing-note pricing-note-heart">Wenn du es dir momentan nicht leisten kannst, nimm bitte Kontakt mit mir auf und wir finden gemeinsam eine Lösung.</p>
+                <a href="#contact" class="btn btn-primary">Termin vereinbaren</a>
             </div>
         </div>
     </section>
diff --git a/styles.css b/styles.css
index 5d7014a..135084d 100644
--- a/styles.css
+++ b/styles.css
@@ -60,6 +60,7 @@
 
 html {
     scroll-behavior: smooth;
+    overflow-x: hidden;
 }
 
 body {
@@ -68,8 +69,10 @@ body {
     line-height: 1.7;
     color: var(--color-text);
     background-color: var(--color-bg);
+    overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
 }
 
 img {
@@ -232,15 +235,16 @@ p:last-child {
 .nav-menu {
     display: flex;
     list-style: none;
-    gap: var(--spacing-md);
+    gap: var(--spacing-sm);
 }
 
 .nav-menu a {
     color: var(--color-text);
-    font-size: 0.9rem;
+    font-size: 0.85rem;
     font-weight: 400;
     padding: 0.5rem 0;
     position: relative;
+    white-space: nowrap;
 }
 
 .nav-menu a::after {
@@ -380,6 +384,8 @@ p:last-child {
     font-size: 1.1rem;
     margin-bottom: var(--spacing-sm);
     color: var(--color-primary);
+    margin-bottom: 0.5rem;
+    font-size: 1.1rem;
 }
 
 .mentors-list {
@@ -769,6 +775,8 @@ p:last-child {
 
 .accordion-header:hover {
     color: var(--color-primary);
+    margin-bottom: 0.25rem;
+    font-size: 1rem;
 }
 
 .accordion-icon {
@@ -1045,6 +1053,8 @@ p:last-child {
 /* --------------------------------------------------------------------------
    Responsive Design
    -------------------------------------------------------------------------- */
+
+/* Tablet landscape / small desktop — nav + grids collapse */
 @media (max-width: 1024px) {
     .hero {
         grid-template-columns: 1fr;
@@ -1058,7 +1068,7 @@ p:last-child {
     }
 
     .hero-image {
-        min-height: 400px;
+        min-height: 350px;
         order: -1;
     }
 
@@ -1092,6 +1102,7 @@ p:last-child {
     }
 }
 
+/* Tablet portrait — hamburger nav, single columns */
 @media (max-width: 768px) {
     .nav-menu {
         position: fixed;
@@ -1101,12 +1112,14 @@ p:last-child {
         background: var(--color-bg);
         flex-direction: column;
         padding: var(--spacing-md);
-        gap: var(--spacing-sm);
+        gap: 0;
         box-shadow: var(--shadow-md);
         transform: translateY(-100%);
         opacity: 0;
         visibility: hidden;
         transition: all var(--transition-base);
+        max-height: calc(100vh - 60px);
+        overflow-y: auto;
     }
 
     .nav-menu.active {
@@ -1115,6 +1128,20 @@ p:last-child {
         visibility: visible;
     }
 
+    .nav-menu li {
+        border-bottom: 1px solid var(--color-bg-alt);
+    }
+
+    .nav-menu li:last-child {
+        border-bottom: none;
+    }
+
+    .nav-menu a {
+        display: block;
+        padding: 0.75rem 0;
+        font-size: 1rem;
+    }
+
     .nav-toggle {
         display: flex;
     }
@@ -1136,6 +1163,35 @@ p:last-child {
         gap: var(--spacing-sm);
     }
 
+    .quanten-block > h3 {
+        font-size: 1.25rem;
+    }
+
+    .behandlung-step,
+    .quanten-step {
+        gap: var(--spacing-sm);
+    }
+
+    .step-number {
+        width: 40px;
+        height: 40px;
+        font-size: 1.1rem;
+    }
+
+    .pricing-item {
+        font-size: 0.95rem;
+        justify-content: flex-start;
+    }
+
+    .angebot-question {
+        font-size: 1.05rem;
+        padding-left: 1rem;
+    }
+
+    .tools-list {
+        grid-template-columns: 1fr 1fr;
+    }
+
     .footer-content {
         flex-direction: column;
         text-align: center;
@@ -1145,6 +1201,7 @@ p:last-child {
     .footer-links {
         flex-wrap: wrap;
         justify-content: center;
+        gap: var(--spacing-sm);
     }
 }
 
@@ -1170,9 +1227,13 @@ p:last-child {
 
 @media (max-width: 480px) {
     :root {
-        --spacing-md: 1.5rem;
-        --spacing-lg: 3rem;
-        --spacing-xl: 4rem;
+        --spacing-md: 1.25rem;
+        --spacing-lg: 2.5rem;
+        --spacing-xl: 3.5rem;
+    }
+
+    .container {
+        padding: 0 var(--spacing-sm);
     }
 
     .btn {