Start: EN live mit App-Store-Link, Start-Film DE/EN im Abschluss, DE/DA/NL bis EU-Freigabe im Wartezustand mit neuem Hinweis

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WT5AWHW7UkHrBjhNyA2y8X

index.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
 <title>Equilo · Schwindel-Tagebuch bei Morbus Menière</title>
 <meta name="description" content="Equilo hält Schwindelanfälle in Sekunden fest, auch auf der Apple Watch, und macht daraus einen Arztbericht für die HNO-Sprechstunde. Kostenlos im App Store. Kein Konto, kein Tracking, deine Daten bleiben bei dir.">
-<!-- Zum Start (data-launch="live") wieder einkommentieren: <meta name="apple-itunes-app" content="app-id=6783573593"> -->
+<meta name="apple-itunes-app" content="app-id=6783573593">
 <meta name="theme-color" content="#FBF7EF">
 <link rel="canonical" href="https://equilo.heidrich-digital.de/">
 <meta property="og:type" content="website">
@@ -26,7 +26,7 @@
 <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
 <link rel="preload" href="assets/fonts/newsreader-latin-opsz-normal.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="preload" href="assets/fonts/hanken-grotesk-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
-<link rel="stylesheet" href="assets/site.css?v=20261005b">
+<link rel="stylesheet" href="assets/site.css?v=20261010a">
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"MobileApplication","name":"Equilo: Schwindel-Tagebuch","alternateName":"Equilo","operatingSystem":"iOS, iPadOS, watchOS","applicationCategory":"HealthApplication","inLanguage":"de","description":"Tagebuch bei Schwindel und Morbus Menière: Anfälle erfassen, Arztbericht als PDF, Hörverlauf, Akut-Hilfe. Kein Medizinprodukt.","url":"https://equilo.heidrich-digital.de/","downloadUrl":"https://apps.apple.com/de/app/id6783573593","installUrl":"https://apps.apple.com/de/app/id6783573593","sameAs":"https://apps.apple.com/de/app/id6783573593","image":"https://equilo.heidrich-digital.de/assets/img/og.png","countriesSupported":"DE, AT, CH, LU","offers":{"@type":"Offer","price":"0","priceCurrency":"EUR","availability":"https://schema.org/InStock","url":"https://apps.apple.com/de/app/id6783573593"},"author":{"@type":"Person","name":"Till Heidrich"},"publisher":{"@type":"Organization","name":"Heidrich Digital","url":"https://heidrich-digital.de","founder":{"@type":"Person","name":"Till Heidrich"}}}
 </script>
@@ -74,7 +74,7 @@
         <span class="soon-pill when-soon"><i></i>Bald im App Store</span>
         <a class="btn btn-ghost" href="#akut">Ansehen, wie es geht<span class="ico"><svg viewBox="0 0 24 24"><path d="M12 5v14M6 13l6 6 6-6"/></svg></span></a>
       </div>
-      <p class="note reveal d3"><span class="when-soon">Equilo ist gerade bei Apple in der Prüfung. <a href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Bitte%20zum%20Start%20benachrichtigen">Schreib mir</a>, dann sage ich Bescheid, sobald es losgeht. </span>Für iPhone, iPad und Apple Watch, auf Deutsch, Englisch, Dänisch und Niederländisch. Kostenlos, Plus ist optional.</p>
+      <p class="note reveal d3"><span class="when-soon">Equilo ist von Apple freigegeben und erscheint in den nächsten Tagen im deutschen App Store. <a href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Bitte%20zum%20Start%20benachrichtigen">Schreib mir</a>, dann sage ich Bescheid, sobald du es laden kannst. </span>Für iPhone, iPad und Apple Watch, auf Deutsch, Englisch, Dänisch und Niederländisch. Kostenlos, Plus ist optional.</p>
     </div>
     <div class="stage" aria-hidden="true">
       <figure class="phone p2 reveal d1"><img src="assets/img/heute-440.webp?v=c" width="440" height="956" alt=""></figure>
@@ -349,7 +349,8 @@
 
 <!-- Abschluss -->
 <section class="closing band-doc">
-  <div class="wrap">
+  <div class="wrap closing-grid has-film">
+    <div class="closing-text">
     <span class="eyebrow reveal"><i></i><span class="when-live">Jetzt im App Store</span><span class="when-soon">Bald im App Store</span></span>
     <h2 class="reveal d1">Weniger Zettel, <em>mehr Überblick.</em></h2>
     <p class="reveal d2">Equilo ist kostenlos für iPhone, iPad und Apple Watch. Wer vor dem nächsten HNO-Termin anfängt, hat in der Sprechstunde schon ein paar Wochen Verlauf dabei.</p>
@@ -358,6 +359,11 @@
       <a class="btn btn-primary when-soon" href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Bitte%20zum%20Start%20benachrichtigen">Zum Start benachrichtigen<span class="ico"><svg viewBox="0 0 24 24"><path d="M4 7l8 6 8-6"/><rect x="3" y="5" width="18" height="14" rx="2"/></svg></span></a>
       <a class="btn btn-ghost" href="#support">Hilfe und Kontakt<span class="ico"><svg viewBox="0 0 24 24"><path d="M12 5v14M6 13l6 6 6-6"/></svg></span></a>
     </div>
+    </div>
+    <figure class="closing-film reveal d2">
+      <div class="shell"><video poster="assets/video/launch-de.webp?v=a" width="720" height="900" muted loop playsinline preload="none" aria-label="Kurzer Film: Equilo, Schwindel-Tagebuch, jetzt verfügbar im App Store"><source src="assets/video/launch-de.mp4?v=a" type="video/mp4"><source src="assets/video/launch-de.webm?v=a" type="video/webm"></video></div>
+      <figcaption>Der Start-Film aus dem App Store</figcaption>
+    </figure>
   </div>
 </section>
 
@@ -396,6 +402,17 @@
   btn.addEventListener('click', () => toggle(!document.body.classList.contains('menu-open')));
   document.querySelectorAll('.overlay a').forEach((a) => a.addEventListener('click', () => toggle(false)));
   addEventListener('keydown', (e) => { if (e.key === 'Escape') toggle(false); });
+  const film = document.querySelector('.closing-film video');
+  if (film && film.offsetParent !== null) {
+    const calm = matchMedia('(prefers-reduced-motion: reduce)').matches;
+    if (calm) { film.controls = true; film.preload = 'metadata'; }
+    else {
+      const fo = new IntersectionObserver((es) => {
+        for (const e of es) { if (e.isIntersecting) film.play().catch(() => { film.controls = true; }); else film.pause(); }
+      }, { threshold: 0.35 });
+      fo.observe(film);
+    }
+  }
 })();
 </script>
 </body>