Neues Design: echte App-Screens, Equilo 2.0, Rechtstexte aktualisiert

- Editorial-Design mit selbst gehosteten Schriften (Newsreader, Hanken Grotesk)
- Echte Screenshots aus der App (WebP), Apple Watch und iPad-Arztbericht
- Datenschutz für App 2.0 (Health lesen/schreiben, Hörtests, Augen-Video,
  Standort nur für Notfall-Nachricht, Apple Intelligence on-device, MetricKit)
- Impressum ohne eingestellten EU-OS-Link
- nginx-Konfiguration mit Sicherheits-Headern und Asset-Caching

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WT5AWHW7UkHrBjhNyA2y8X
This commit is contained in:
tillandClaude Opus 5.5 committed 2026-10-04 21:27:30 +02:00
1 parent 675c1cdd15
commit 4b711ebe9a
33 files changed
+686 -484

No files matched your search

+282 -272
View File
@@ -1,314 +1,324 @@
<!DOCTYPE html>
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Equilo · Schwindel- &amp; Menière-Tagebuch</title>
<meta name="description" content="Equilo ist ein warmes, privates Tagebuch für Menschen mit Morbus Menière. Anfälle erfassen, Trigger erkennen, Wetter mitdenken, Arztbericht in einem Tipp. iPhone, iPad und Apple Watch. Lokal und in deiner iCloud.">
<style>
:root{
--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
--cream:#FDFAF4; --cream2:#FAF5EB; --cream3:#EFE8D7;
--teal:#1F4848; --teal900:#0E2A2A; --teal-soft:#2C5A56;
--coral:#E89B7B; --coral-soft:#FCEBDC; --sage:#6FA086;
--ink:#23302E; --ink-soft:#4A5654; --ink-muted:#6B7E7E; --border:#E4DCCB;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.12;color:var(--teal900);letter-spacing:-0.01em}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-soft)}
a{color:var(--teal);text-decoration:none}
/* nav */
nav{position:sticky;top:0;z-index:10;background:rgba(253,250,244,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;color:var(--teal900)}
.brand svg{width:30px;height:30px}
.nav-links{display:flex;gap:26px;font-size:.95rem}
.nav-links a{color:var(--ink-soft)}
.nav-links a:hover{color:var(--teal)}
@media(max-width:720px){.nav-links{display:none}}
/* hero */
.hero{padding:88px 0 72px;text-align:center}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);max-width:14ch;margin:18px auto 0}
.hero .lede{font-size:1.2rem;color:var(--ink-soft);max-width:60ch;margin:22px auto 0}
.hero .accent{color:var(--coral)}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.badge{background:var(--cream2);border:1px solid var(--border);border-radius:100px;padding:8px 16px;font-size:.85rem;color:var(--ink-soft)}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:#fff;padding:14px 26px;border-radius:14px;font-weight:600;margin-top:30px}
.cta:hover{background:var(--teal900)}
.hero-note{font-size:.85rem;color:var(--ink-muted);margin-top:14px}
/* claim band */
.band{background:var(--teal);color:#fff;padding:64px 0;margin-top:24px}
.band h2{color:#fff;font-size:clamp(1.6rem,4vw,2.4rem);max-width:24ch}
.band p{color:rgba(255,255,255,.82);max-width:60ch;margin-top:14px;font-size:1.08rem}
/* features */
section{padding:72px 0}
.section-head{max-width:60ch}
.section-head h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:10px}
.section-head p{color:var(--ink-soft);margin-top:14px;font-size:1.08rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px}
.feature{background:var(--cream2);border:1px solid var(--border);border-radius:18px;padding:26px}
.feature .ic{width:44px;height:44px;border-radius:12px;background:var(--coral-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feature .ic svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.7}
.feature h3{font-size:1.2rem}
.feature p{color:var(--ink-soft);margin-top:8px;font-size:.98rem}
/* split highlight */
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:28px}}
.split.alt{background:var(--cream2);border-radius:24px;padding:44px}
.split h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}
.split p{color:var(--ink-soft);margin-top:14px}
.checklist{list-style:none;margin-top:18px;display:grid;gap:10px}
.checklist li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft)}
.checklist li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--sage);margin-top:3px;
-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/14px no-repeat;
mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/14px no-repeat}
/* compare */
.compare{overflow-x:auto;margin-top:36px;border:1px solid var(--border);border-radius:16px}
table{width:100%;border-collapse:collapse;min-width:640px;font-size:.95rem}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}
thead th{background:var(--cream2);font-weight:600;color:var(--teal900)}
td.ok{color:var(--sage);font-weight:600}
td.no{color:var(--ink-muted)}
tbody tr:last-child td{border-bottom:none}
.col-us{background:rgba(31,72,72,.05)}
/* privacy */
.privacy{background:var(--teal900);color:#fff;border-radius:24px;padding:48px}
.privacy h2{color:#fff}
.privacy p{color:rgba(255,255,255,.82);margin-top:14px;max-width:60ch}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:8px 16px;font-size:.9rem}
/* closing */
.closing{text-align:center}
.closing h2{font-size:clamp(1.8rem,4vw,2.6rem);max-width:20ch;margin:0 auto}
.closing p{color:var(--ink-soft);max-width:54ch;margin:16px auto 0}
footer{border-top:1px solid var(--border);padding:40px 0;color:var(--ink-muted);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.disclaimer{max-width:60ch;margin-top:8px}
</style>
<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. Kein Konto, kein Tracking, deine Daten bleiben bei dir.">
<meta name="theme-color" content="#FBF7EF">
<link rel="canonical" href="https://equilo.heidrich-digital.de/">
<meta property="og:type" content="website">
<meta property="og:locale" content="de_DE">
<meta property="og:title" content="Equilo · Schwindel-Tagebuch bei Morbus Menière">
<meta property="og:description" content="Anfall in Sekunden festhalten. Arztbericht, Hörverlauf und Akut-Hilfe kostenlos. Ohne Konto, ohne Tracking.">
<meta property="og:image" content="https://equilo.heidrich-digital.de/assets/img/og.png">
<meta property="og:url" content="https://equilo.heidrich-digital.de/">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
<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">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Equilo","operatingSystem":"iOS, iPadOS, watchOS","applicationCategory":"MedicalApplication","inLanguage":"de","description":"Tagebuch bei Schwindel und Morbus Menière: Anfälle erfassen, Arztbericht als PDF, Hörverlauf, Akut-Hilfe.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Equilo"},{"@type":"Offer","price":"39.99","priceCurrency":"EUR","name":"Equilo Plus (Einmalkauf)"}],"author":{"@type":"Person","name":"Till Heidrich"}}
</script>
</head>
<body>
<nav>
<div class="wrap">
<div class="brand">
<svg viewBox="0 0 64 64" aria-hidden="true"><circle cx="32" cy="33" r="22" fill="none" stroke="#1F4848" stroke-width="5" stroke-dasharray="105 60" stroke-linecap="round" transform="rotate(40 32 33)"/><circle cx="30" cy="31" r="11" fill="none" stroke="#1F4848" stroke-width="4.5" stroke-dasharray="50 35" stroke-linecap="round" transform="rotate(60 30 31)"/><circle cx="36" cy="40" r="4.4" fill="#E89B7B"/></svg>
Equilo
</div>
<div class="nav-links">
<a href="#funktionen">Funktionen</a>
<a href="#vergleich">Vergleich</a>
<a href="#datenschutz">Datenschutz</a>
<a href="#beta">Beta</a>
</div>
</div>
<header class="nav" id="nav">
<a class="brand" href="#top" aria-label="Equilo, zum Seitenanfang">
<svg viewBox="0 0 64 64" aria-hidden="true"><circle cx="32" cy="33" r="22" fill="none" stroke="#1F4848" stroke-width="5" stroke-dasharray="105 60" stroke-linecap="round" transform="rotate(40 32 33)"/><circle cx="30" cy="31" r="11" fill="none" stroke="#1F4848" stroke-width="4.5" stroke-dasharray="50 35" stroke-linecap="round" transform="rotate(60 30 31)"/><circle cx="36" cy="40" r="4.4" fill="#E89B7B"/></svg>
Equilo
</a>
<ul class="nav-links">
<li><a href="#akut">Im Anfall</a></li>
<li><a href="#sprechstunde">Sprechstunde</a></li>
<li><a href="#ehrlich">Ehrlich</a></li>
<li><a href="#preise">Preise</a></li>
<li><a href="#fragen">Fragen</a></li>
</ul>
<a class="btn btn-primary btn-sm" href="mailto:website@tillheidrich.de?subject=Equilo%20Beta">Beta testen<span class="ico"><svg viewBox="0 0 24 24"><path d="M7 17 17 7M9 7h8v8"/></svg></span></a>
<button class="menu-btn" aria-label="Menü öffnen" aria-expanded="false" aria-controls="overlay"><span></span><span></span></button>
</header>
<nav class="overlay" id="overlay" aria-label="Hauptmenü">
<a href="#akut">Im Anfall</a>
<a href="#sprechstunde">Sprechstunde</a>
<a href="#ehrlich">Ehrlich</a>
<a href="#preise">Preise</a>
<a href="#fragen">Fragen</a>
</nav>
<header class="hero">
<div class="wrap">
<div class="eyebrow">Schwindel- &amp; Menière-Tagebuch · iPhone, iPad, Apple Watch</div>
<h1>Lerne dich und deinen <span class="accent">Schwindel</span> besser kennen.</h1>
<p class="lede">Equilo erfasst Anfälle in Sekunden, denkt Wetter und Luftdruck mit und macht aus unvorhersehbaren Schüben lesbare Muster. Für dich und für deine Ärztin.</p>
<div class="badges">
<span class="badge">Deutsch von Tag eins</span>
<span class="badge">Lokal + private iCloud</span>
<span class="badge">Kein Konto, keine Werbung</span>
<span class="badge">Kein Paywall auf das Wesentliche</span>
</div>
<a class="cta" href="#beta">Zur TestFlight-Beta &rarr;</a>
<p class="hero-note">In Vorbereitung für den App Store. Kein Medizinprodukt, ein Tagebuch mit Auswertung.</p>
</div>
</header>
<main id="top">
<div class="band">
<div class="wrap">
<div class="eyebrow" style="color:var(--coral)">Warum Equilo</div>
<h2>Selbstbewusster durch den Alltag, mit mehr Wissen über dich und deinen Schwindel.</h2>
<p>Aus chaotischen Schüben werden lesbare Muster. Equilo erkennt früh, wann ein Anfall wahrscheinlicher wird, ehrlich, mit Wetter und deinen eigenen Daten. Und wenn es dich erwischt, ist Hilfe einen Tipp entfernt.</p>
</div>
</div>
<section id="funktionen">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Was die App kann</div>
<h2>Alles, was ein Schwindeltagebuch braucht. Und mehr.</h2>
<p>Erfassen in Sekunden, verstehen mit der Zeit, vorbereitet sein für den Ernstfall und den Arzttermin.</p>
<!-- Hero -->
<section class="hero">
<div class="wrap hero-grid">
<div>
<span class="eyebrow reveal"><i></i>Tagebuch bei Schwindel &amp; Menière</span>
<h1 class="reveal d1">Wenn sich alles dreht, reicht <em>ein Tipp.</em></h1>
<p class="lede reveal d2">Equilo hält deine Anfälle fest, auch auf der Apple Watch oder vom Sperrbildschirm. Daraus wird ein Bericht, mit dem deine HNO-Ärztin in der Sprechstunde wirklich arbeiten kann.</p>
<div class="cta-row reveal d3">
<a class="btn btn-primary" href="mailto:website@tillheidrich.de?subject=Equilo%20Beta">Bei der Beta mitmachen<span class="ico"><svg viewBox="0 0 24 24"><path d="M7 17 17 7M9 7h8v8"/></svg></span></a>
<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">Für iPhone, iPad und Apple Watch. Bald im App Store. Kostenlos, mit optionalem Plus.</p>
</div>
<div class="grid">
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M13 2 4 14h6l-1 8 9-12h-6z"/></svg></div>
<h3>Anfall erfassen</h3>
<p>Live mit Timer oder nachträglich. Art, Schwere, Seite, Dauer, Symptome, vermutete Auslöser samt eigener Trigger. Wetter wird automatisch mitgespeichert.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M4 14a8 8 0 0 1 16 0"/><path d="M12 14l3-3"/></svg></div>
<h3>Ehrliche Prognose</h3>
<p>Luftdruck und Wetterumschwung plus deine eigenen Muster ergeben einen Risiko-Hinweis mit Konfidenz. Keine Schein-Sicherheit, nachvollziehbar erklärt.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><rect x="6" y="3" width="12" height="18" rx="3"/><path d="M10 7h4"/></svg></div>
<h3>Apple Watch</h3>
<p>Anfall direkt am Handgelenk starten und beenden, auch wenn du nicht zum iPhone greifen kannst. Synchron über deine iCloud.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 9 9"/><path d="M12 7v5l3 2"/></svg></div>
<h3>Akut-Modus</h3>
<p>Ruhige Vollbild-Hilfe im Anfall: geführte Atmung, Lagerung in drei Schritten, 1-Tap-Anruf an deine Vertrauensperson und klare 112-Hinweise.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M7 10h10M7 14h7"/><rect x="3" y="4" width="18" height="16" rx="3"/></svg></div>
<h3>Notfall- &amp; Erklärkarte</h3>
<p>Eine verständliche Karte, die Menière in einfachen Worten erklärt, für Ersthelfer, fachfremde Ärzte und für Familie und Freunde. Als Ansicht und als PDF.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M12 3v18M5 8c4 0 4 8 7 8s3-8 7-8"/></svg></div>
<h3>Salz im Blick</h3>
<p>Einfacher Tagestrend oder genaue Lebensmittel aus einer deutschen Datenbank. Kein Wiegen, nur Sichtbarkeit, weil Natrium bei Menière zählt.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M4 19V5M4 19h16M8 16v-4M12 16V8M16 16v-7"/></svg></div>
<h3>Auswertung</h3>
<p>Kalender-Heatmap, häufigste Auslöser mit Konfidenz und deine Anfälle als Punkte auf der Luftdruckkurve. Muster, die man sonst nie sieht.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M9 8h6M9 12h6M9 16h3"/></svg></div>
<h3>Medikamente</h3>
<p>Einnahme-Erinnerungen, Nachfüll-Alarm und Einnahme-Treue. Alles fließt in den Arztbericht ein.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M6 4h9l3 3v13H6z"/><path d="M9 12h6M9 16h6"/></svg></div>
<h3>Arzt-Bericht</h3>
<p>Druckfertig im gewohnten klinischen Schwindeltagebuch-Format, als PDF in einem Tipp und als übersichtliche Ansicht auf iPhone und iPad.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M4 5h16v14H4z"/><path d="M4 9h16"/><circle cx="8" cy="7" r="0.6" fill="#1F4848"/></svg></div>
<h3>Wissen &amp; Entspannung</h3>
<p>Verständliche Texte zur Krankheit mit Quellen, dazu geführte Atemübung, progressive Muskelrelaxation und autogenes Training.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M5 7l7-4 7 4v6c0 5-7 8-7 8s-7-3-7-8z"/></svg></div>
<h3>Befunde anhängen</h3>
<p>Audiogramme, Arztbriefe oder Hörtest-Fotos direkt an den passenden Anfall hängen, als Bild oder PDF.</p>
</div>
<div class="feature">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M12 3v18"/><circle cx="12" cy="12" r="9"/></svg></div>
<h3>Backup &amp; Sync</h3>
<p>Vollständiges Backup zum Sichern und Wiedereinspielen beim Gerätewechsel. iCloud-Sync lässt sich bewusst ein- und ausschalten.</p>
</div>
<div class="stage" aria-hidden="true">
<figure class="phone p2 reveal d1"><img src="assets/img/anfall-laeuft-440.webp" width="440" height="956" alt=""></figure>
<figure class="phone p1 reveal"><img src="assets/img/heute-720.webp" srcset="assets/img/heute-440.webp 440w, assets/img/heute-720.webp 720w" sizes="(max-width:960px) 58vw, 300px" width="720" height="1564" alt=""></figure>
<figure class="watch reveal d2"><img src="assets/img/watch-laeuft.webp" width="422" height="514" alt=""></figure>
<div class="chip c1 reveal d3"><span class="dot"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><path d="M12 8v4l2.5 2"/></svg></span><span><b>Timer läuft</b>Dynamic Island &amp; Sperrbildschirm</span></div>
<div class="chip c2 reveal d3"><span class="dot"><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg></span><span><b>Danach nur zwei Fragen</b>Art und Stärke</span></div>
</div>
</div>
</section>
<section style="padding-top:0">
<!-- Geschichte -->
<section class="story">
<div class="wrap">
<div class="split alt">
<div class="story-card reveal">
<span class="mark" aria-hidden="true">„</span>
<div>
<div class="eyebrow">Im Anfall</div>
<h2>Hilfe, wenn du sie am wenigsten suchen kannst.</h2>
<p>Ein Anfall raubt dir die Orientierung. Equilo nimmt dir in dem Moment die Entscheidungen ab.</p>
<ul class="checklist">
<li>Geführte Atmung und Lagerung, ohne nachdenken zu müssen.</li>
<li>Ein Tipp ruft deine Vertrauensperson an.</li>
<li>Die Erklärkarte zeigt anderen, was gerade mit dir los ist.</li>
<li>Klare Hinweise, wann es doch ein Fall für die 112 ist.</li>
<blockquote>Meine Mutter hat Schwindelanfälle. Sie brauchte ein Tagebuch, das sie auch <em>mitten im Anfall</em> bedienen kann, ohne Brille und ohne nachzudenken. Jede Version von Equilo testet sie zuerst.</blockquote>
<p class="by">Till Heidrich, Entwickler von Equilo, Tostedt</p>
</div>
</div>
</div>
</section>
<!-- Im Anfall -->
<section id="akut">
<div class="wrap split">
<div>
<span class="eyebrow reveal"><i></i>Im Anfall</span>
<h2 class="reveal d1">Gebaut für die Minuten, in denen <em>nichts geht.</em></h2>
<p class="reveal d2">Wer Drehschwindel hat, bedient kein Formular. Equilo startet die Erfassung mit einem Tipp und fragt erst später nach Details, mit drei großen Knöpfen statt Schiebereglern.</p>
<ul class="points">
<li class="reveal"><span class="pi"><svg viewBox="0 0 24 24"><rect x="7" y="3" width="10" height="18" rx="2.5"/><path d="M10.5 6h3"/></svg></span><div><b>Überall startbar</b><span>App, Apple Watch, Siri, Aktionstaste, Kontrollzentrum oder Sperrbildschirm. Auch wenn die App gesperrt ist.</span></div></li>
<li class="reveal d1"><span class="pi"><svg viewBox="0 0 24 24"><path d="M12 21s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.6-7 10-7 10Z"/></svg></span><div><b>Akut-Hilfe</b><span>Ruhiger Atemtakt, Anleitung zum Hinlegen, Anruf oder Nachricht mit Standort an deine Vertrauensperson.</span></div></li>
<li class="reveal d2"><span class="pi"><svg viewBox="0 0 24 24"><path d="M12 9v4M12 16.5v.01"/><path d="M10.3 4.2 2.8 17.3A2 2 0 0 0 4.5 20.3h15a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0Z"/></svg></span><div><b>Warnzeichen im Blick</b><span>Doppelbilder, undeutliche Sprache oder Lähmung passen nicht zu Menière. Equilo zeigt dann sofort den Notruf.</span></div></li>
<li class="reveal d3"><span class="pi"><svg viewBox="0 0 24 24"><path d="M4 7h16M4 12h10M4 17h7"/><circle cx="18" cy="16" r="3"/></svg></span><div><b>Einfach erzählen</b><span>„Heute Morgen zwei Stunden Drehschwindel, rechts Druck.“ Equilo füllt den Eintrag vor, du prüfst ihn. Mit Apple Intelligence direkt auf dem iPhone.</span></div></li>
</ul>
</div>
<div class="media phones-duo">
<figure class="phone reveal"><img src="assets/img/details-440.webp" srcset="assets/img/details-440.webp 440w, assets/img/details-720.webp 720w" sizes="260px" width="440" height="956" alt="Equilo nach dem Beenden eines Anfalls: Art des Schwindels und drei große Knöpfe für die Stärke" loading="lazy"></figure>
<figure class="phone reveal d2"><img src="assets/img/akut-440.webp" srcset="assets/img/akut-440.webp 440w, assets/img/akut-720.webp 720w" sizes="260px" width="440" height="956" alt="Akut-Modus mit Atemkreis, Anleitung und Notruf-Knopf" loading="lazy"></figure>
</div>
</div>
</section>
<!-- Sprechstunde -->
<section id="sprechstunde" class="band-doc">
<div class="wrap">
<div class="head">
<span class="eyebrow reveal"><i></i>Für die Sprechstunde</span>
<h2 class="reveal d1">Sieben Minuten Termin. <em>Eine Seite,</em> die zählt.</h2>
<p class="reveal d2">Seite 1 des Arztberichts ist eine Kurzfassung für die ersten Minuten: deine Fragen, Attacken nach Dauer im Raster der Bárány-Kriterien, Hören, Alltag und Therapie. Dahinter folgt das vertraute Schwindeltagebuch. Alles, was deine Ärztin sieht, ist kostenlos.</p>
</div>
<div class="bento">
<article class="shell b-report reveal"><div class="core tile">
<span class="tag">Arztbericht als PDF</span>
<h3>Die Kurzfassung für die ersten Minuten</h3>
<p>Attacken unter 20 Minuten werden getrennt gezählt, Sturzanfälle und Warnzeichen hervorgehoben. Nachgetragene Einträge sind markiert. So weiß die Ärztin, worauf sie sich verlassen kann.</p>
<div class="shot"><img src="assets/img/ipad-arztbericht-1100.webp" width="1100" height="858" alt="Arztbericht auf dem iPad mit Kennzahlen, Dauerklassen und Fragen für den Termin" loading="lazy"></div>
</div></article>
<article class="shell b-hear reveal d1"><div class="core tile">
<span class="tag">Neu in 2.0</span>
<h3>Dein Hören im Verlauf</h3>
<p>Trag Praxis-Audiogramme ein oder übernimm den AirPods-Hörtest aus Apple Health. Equilo zeigt den Tiefton-Bereich als Verlauf, ehrlich als Trend und nicht als Befund.</p>
<div class="shot"><figure class="phone"><img src="assets/img/hoerverlauf-440.webp" width="440" height="956" alt="Hörverlauf mit Tiefton-Mittelwerten für linkes und rechtes Ohr" loading="lazy"></figure></div>
</div></article>
<article class="shell b-small reveal"><div class="core tile">
<span class="ti"><svg viewBox="0 0 24 24"><path d="M4 19h16M7 16V9M12 16V5M17 16v-4"/></svg></span>
<h3>Therapie vorher, nachher</h3>
<p>Attacken in den 90 Tagen vor und nach einer Behandlung. Als zeitlicher Vergleich, mit dem Hinweis, dass Attacken oft auch von selbst seltener werden.</p>
</div></article>
<article class="shell b-small reveal d1"><div class="core tile">
<span class="ti"><svg viewBox="0 0 24 24"><path d="M8 10h8M8 14h5"/><path d="M5 4h14a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-7l-4 3v-3H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z"/></svg></span>
<h3>Fragen für den Termin</h3>
<p>Sammle, was du fragen willst. Die offenen Fragen stehen ganz oben im Bericht, damit sie im Termin nicht untergehen.</p>
</div></article>
<article class="shell b-small reveal d2"><div class="core tile">
<span class="ti"><svg viewBox="0 0 24 24"><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z"/><circle cx="12" cy="12" r="2.8"/></svg></span>
<h3>Augen-Video im Anfall</h3>
<p>Das Zucken der Augen verrät der HNO viel. Eine Begleitperson filmt 30 Sekunden, Equilo erklärt vorher, wie es gelingt.</p>
</div></article>
</div>
</div>
</section>
<!-- Ehrlich -->
<section id="ehrlich" class="honest">
<div class="wrap split rev">
<div class="media"><figure class="phone reveal" style="width:min(300px,80%);margin-inline:auto"><img src="assets/img/muster-440.webp" srcset="assets/img/muster-440.webp 440w, assets/img/muster-720.webp 720w" sizes="300px" width="440" height="956" alt="Musteranalyse: Faktoren wie Stress und Stimmung mit ihrer Spannweite" loading="lazy"></figure></div>
<div>
<span class="eyebrow reveal"><i></i>Ehrlich statt Prognose</span>
<h2 class="reveal d1">Equilo sagt dir auch, <em>was es nicht weiß.</em></h2>
<p class="reveal d2">Eine verlässliche Vorhersage für Menière-Anfälle gibt es bisher nirgends. Equilo verkauft deshalb keine. Die Musteranalyse prüft stattdessen, ob Schlaf, Stress, Stimmung, Vitalwerte oder Wetter bei dir mit Attacken zusammenfallen, und rechnet in der Rückschau nach, ob sie damit richtig gelegen hätte. Erst dann zeigt sie dir etwas.</p>
<div class="facts">
<div class="fact reveal"><strong>397</strong><span>Betroffene in einer britischen Studie: an Tiefdruck-Tagen rund 30 % mehr Attacken. Ein Zusammenhang, keine Vorhersage.</span></div>
<div class="fact reveal d1"><strong>46</strong><span>Studien ausgewertet: Bei den meisten werden die Attacken über 5 bis 10 Jahre seltener.</span></div>
<div class="fact reveal d2"><strong>221</strong><span>Teilnehmende der BEMED-Studie: Betahistin wirkte nicht besser als ein Scheinmedikament.</span></div>
</div>
<p class="src reveal">Quellen: Schmidt et al. 2017, Otol Neurotol · Huppert et al. 2010, Acta Otolaryngol · Adrion et al. 2016, BMJ. Alle Wissensartikel in der App nennen ihre Quellen.</p>
</div>
</div>
</section>
<!-- Familie -->
<section class="family">
<div class="wrap split">
<div>
<span class="eyebrow reveal"><i></i>Für die Familie</span>
<h2 class="reveal d1">„Wie geht's dir?“ <em>Ein Bild sagt es.</em></h2>
<p class="reveal d2">Mit „So geht's mir“ teilst du deinen Tag, deine Woche oder deinen Monat als Bild, zum Beispiel per WhatsApp. Ruhige Tage zählen genauso wie schwere. Was darauf steht, entscheidest du mit einem Schalter.</p>
<ul class="points">
<li class="reveal"><span class="pi"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><path d="M8.5 12.5 11 15l4.5-5"/></svg></span><div><b>Ohne Befund-Sprache</b><span>Keine Prozentwerte, keine Warnfarben. Nur, was war.</span></div></li>
<li class="reveal d1"><span class="pi"><svg viewBox="0 0 24 24"><rect x="4" y="10" width="16" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg></span><div><b>Geteilt wird nur, was du schickst</b><span>Das Bild entsteht auf deinem iPhone. Keine Diagnose, keine Medikamente, kein Name, wenn du nicht willst.</span></div></li>
</ul>
</div>
<div class="media"><figure class="phone reveal d1"><img src="assets/img/so-gehts-mir-440.webp" srcset="assets/img/so-gehts-mir-440.webp 440w, assets/img/so-gehts-mir-720.webp 720w" sizes="290px" width="440" height="956" alt="Bildvorschau „Meine Woche“ mit Punkten für ruhige Tage und Anfälle" loading="lazy"></figure></div>
</div>
</section>
<!-- Wissen -->
<section class="band-doc">
<div class="wrap split rev">
<div class="media"><figure class="phone reveal" style="width:min(290px,80%);margin-inline:auto"><img src="assets/img/wissen-440.webp" srcset="assets/img/wissen-440.webp 440w, assets/img/wissen-720.webp 720w" sizes="290px" width="440" height="956" alt="Wissensbereich mit Fakt des Tages und Mythen-Check" loading="lazy"></figure></div>
<div>
<span class="eyebrow reveal"><i></i>Wissen mit Quellen</span>
<h2 class="reveal d1">Jeden Tag ein Fakt. <em>Mit Beleg.</em></h2>
<p class="reveal d2">Über Menière kursiert viel Halbwissen. In Equilo stehen Leitlinien, Cochrane-Reviews und aktuelle Studien in Alltagssprache, jeweils mit Quelle und dem Hinweis, wie belastbar sie sind.</p>
<div class="myths">
<div class="myth reveal"><span class="v">Stimmt so nicht</span><p>„Salzarm essen heilt Menière.“<small>Dazu gibt es keine einzige placebokontrollierte Studie (Cochrane 2023). Ein Versuch kann trotzdem vernünftig sein.</small></p></div>
<div class="myth reveal d1"><span class="v">Stimmt so nicht</span><p>„Am Ende werden immer beide Ohren taub.“<small>Meist bleibt es bei einem Ohr, das Hören pendelt sich oft im mittleren Bereich ein (Huppert 2010).</small></p></div>
</div>
</div>
</div>
</section>
<!-- Datenschutz -->
<section id="datenschutz">
<div class="wrap">
<div class="head">
<span class="eyebrow reveal"><i></i>Deine Daten</span>
<h2 class="reveal d1">Deine Gesundheitsdaten bleiben <em>bei dir.</em></h2>
<p class="reveal d2">Equilo hat keinen eigenen Server, der deine Einträge speichert. Es gibt kein Konto, keine Werbung und kein Analyse-Werkzeug von Drittanbietern.</p>
</div>
<div class="privacy-grid">
<article class="shell reveal"><div class="core pv"><span class="tag">Gerät</span><h3>Lokal zuerst</h3><p>Deine Einträge liegen auf deinem iPhone, auf Wunsch mit Face ID gesperrt.</p></div></article>
<article class="shell reveal d1"><div class="core pv"><span class="tag">iCloud</span><h3>Nur deine iCloud</h3><p>Der Abgleich mit iPad und Uhr läuft über deine private iCloud. Wir sehen davon nichts.</p></div></article>
<article class="shell reveal d2"><div class="core pv"><span class="tag">Health</span><h3>Bleibt in Health</h3><p>Schlaf, Puls und Gefühlslage liest Equilo nur mit deiner Erlaubnis und speichert sie nicht.</p></div></article>
<article class="shell reveal d3"><div class="core pv"><span class="tag">KI</span><h3>Auf dem Gerät</h3><p>Textvorschläge entstehen mit Apple Intelligence direkt auf dem iPhone, ohne Server.</p></div></article>
</div>
</div>
</section>
<!-- Preise -->
<section id="preise" class="band-doc">
<div class="wrap">
<div class="head">
<span class="eyebrow reveal"><i></i>Preise</span>
<h2 class="reveal d1">Das Wichtige ist <em>kostenlos.</em> Für immer.</h2>
<p class="reveal d2">Plus ist für alle, die mehr Auswertung möchten oder die Entwicklung unterstützen wollen. Ein Abo ist kein Muss: Es gibt auch einen Einmalkauf.</p>
</div>
<div class="pricing">
<article class="shell plan reveal"><div class="core">
<span class="tag">Equilo</span>
<div class="price">0 € <small>für immer</small></div>
<p>Alles, was du im Alltag und beim Arzt brauchst.</p>
<ul>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Anfälle per Tipp, Uhr, Siri und Sperrbildschirm</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Arztbericht und Schwindeltagebuch als PDF</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Hörverlauf, Therapie vorher/nachher, Fragen für den Termin</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Akut-Hilfe mit Notfall-Nachricht</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Eigene Symptome und Auslöser</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Medikamente mit Vorrat: Equilo meldet sich, bevor die Packung leer ist</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Wissen, iCloud, Backup</li>
</ul>
</div>
<div>
<div class="eyebrow">Für den Arzttermin</div>
<h2>Endlich etwas Belastbares in der Hand.</h2>
<p>Die App ist nur dann gut, wenn der HNO-Termin besser läuft. Deshalb der strukturierte Bericht im klinischen Format, den Ärztinnen sofort wiedererkennen.</p>
<ul class="checklist">
<li>Kennzahlen, Top-Auslöser und Medikamenten-Treue.</li>
<li>Anfälle als Punkte auf der Luftdruckkurve.</li>
<li>Rohdaten als CSV, Backup als JSON.</li>
<li>Frei, ohne Paywall auf Bericht oder Auswertung.</li>
</div></article>
<article class="shell plan plus reveal d1"><div class="core">
<span class="tag">Equilo Plus</span>
<div class="price">ab 1,67 € <small>im Monat</small></div>
<p>Mehr Auswertung und Komfort.</p>
<ul>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Persönliche Musteranalyse mit Selbstprüfung</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Wetterlage, Druckverlauf und Hinweis bei Druckwechsel</li>
<li><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg>Rückblick in Alltagssprache</li>
</ul>
</div>
<div class="opts">
<div class="opt"><span>Jährlich, 1 Monat gratis</span><b>19,99 €</b></div>
<div class="opt"><span>Monatlich</span><b>2,99 €</b></div>
<div class="opt"><span>Einmalkauf mit Familienfreigabe</span><b>39,99 €</b></div>
</div>
</div></article>
</div>
</div>
</section>
<section id="vergleich" style="padding-top:0">
<!-- Fragen -->
<section id="fragen">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Im Vergleich</div>
<h2>Die Kombination, die sonst niemand bietet.</h2>
<p>Andere Apps sind englischsprachig, kontogebunden oder featureüberladen. Equilo verbindet Tiefe mit Ruhe und echtem Datenschutz.</p>
<div class="head">
<span class="eyebrow reveal"><i></i>Fragen</span>
<h2 class="reveal d1">Was Betroffene <em>wissen wollen.</em></h2>
</div>
<div class="compare">
<table>
<thead>
<tr><th>Funktion</th><th>Typische Tracker</th><th class="col-us">Equilo</th></tr>
</thead>
<tbody>
<tr><td>Deutsche Oberfläche</td><td class="no">selten</td><td class="ok col-us">ja, von Tag eins</td></tr>
<tr><td>Anfall am Apple-Watch-Handgelenk</td><td class="no">nein</td><td class="ok col-us">ja</td></tr>
<tr><td>Wetter &amp; Luftdruck automatisch</td><td class="no">teils</td><td class="ok col-us">ja, mit Vorab-Hinweis</td></tr>
<tr><td>Akut-Modus &amp; Erklärkarte</td><td class="no">nein</td><td class="ok col-us">ja</td></tr>
<tr><td>Klinischer Arzt-PDF</td><td class="no">generisch</td><td class="ok col-us">Schwindeltagebuch-Format</td></tr>
<tr><td>Ohne Konto, lokal + iCloud</td><td class="no">Cloud + Pflichtkonto</td><td class="ok col-us">ja</td></tr>
<tr><td>Paywall auf Sync / Bericht</td><td class="no">häufig</td><td class="ok col-us">nein</td></tr>
</tbody>
</table>
<div class="faq reveal d1">
<details><summary>Ist Equilo ein Medizinprodukt?</summary><p>Nein. Equilo ist ein Tagebuch. Die App stellt keine Diagnose, sagt keine Anfälle voraus und empfiehlt keine Therapie. Sie hilft dir, deinen Verlauf festzuhalten und mit deiner Ärztin darüber zu sprechen.</p></details>
<details><summary>Brauche ich eine Apple Watch?</summary><p>Nein. Die Uhr ist praktisch, weil du einen Anfall dort mit einem Tipp startest und danach Art und Stärke angibst. Alles funktioniert aber auch nur mit dem iPhone.</p></details>
<details><summary>Gibt es Equilo für Android?</summary><p>Im Moment nicht. Equilo ist für iPhone, iPad und Apple Watch gebaut, weil es Funktionen wie Live-Aktivitäten, die Uhr und Apple Health nutzt.</p></details>
<details><summary>Muss ich mich anmelden?</summary><p>Nein. Es gibt kein Konto. Deine Daten bleiben auf deinem Gerät und, wenn du willst, in deiner privaten iCloud.</p></details>
<details><summary>Was kostet Equilo?</summary><p>Die App ist kostenlos, mit Arztbericht, Hörverlauf und Akut-Hilfe. Plus kostet 2,99 € im Monat, 19,99 € im Jahr mit einem Gratismonat oder einmalig 39,99 €.</p></details>
<details><summary>Wer steckt dahinter?</summary><p>Till Heidrich aus Tostedt in Niedersachsen. Equilo ist für seine Mutter entstanden und wird mit ihr getestet. Fragen und Rückmeldungen gern an <a href="mailto:website@tillheidrich.de">website@tillheidrich.de</a>.</p></details>
</div>
</div>
</section>
<section id="datenschutz" style="padding-top:0">
<!-- Abschluss -->
<section class="closing band-doc">
<div class="wrap">
<div class="privacy">
<div class="eyebrow" style="color:var(--coral)">Datenschutz</div>
<h2>Deine Gesundheitsdaten bleiben bei dir.</h2>
<p>Equilo ist local-first. Deine Einträge liegen auf deinem Gerät und synchronisieren über deine private iCloud zwischen iPhone, iPad und Apple Watch. Kein Konto, kein fremder Server, kein Tracking. Aus Apple Health gelesene Werte bleiben ausschließlich auf dem Gerät.</p>
<div class="pill-row">
<span class="pill">Kein Account</span>
<span class="pill">Private iCloud</span>
<span class="pill">Kein Tracking</span>
<span class="pill">iCloud-Sync abschaltbar</span>
<span class="pill">App-Sperre mit Face ID</span>
</div>
<span class="eyebrow reveal"><i></i>Equilo 2.0</span>
<h2 class="reveal d1">Weniger Zettel. <em>Mehr Überblick.</em></h2>
<p class="reveal d2">Equilo ist gerade in der Testphase und kommt bald in den App Store. Wenn du vorher dabei sein willst, schreib eine kurze Mail.</p>
<div class="cta-row reveal d3">
<a class="btn btn-primary" href="mailto:website@tillheidrich.de?subject=Equilo%20Beta">Bei der Beta mitmachen<span class="ico"><svg viewBox="0 0 24 24"><path d="M7 17 17 7M9 7h8v8"/></svg></span></a>
</div>
</div>
</section>
<section id="beta" class="closing">
<div class="wrap">
<div class="eyebrow">Beta</div>
<h2>Sei in der ersten Runde dabei.</h2>
<p>Equilo startet als geschlossene TestFlight-Beta und kommt danach in den App Store. Schreib uns, wenn du als Betroffene oder Angehöriger früh testen möchtest.</p>
<a class="cta" href="mailto:website@tillheidrich.de">Für die Beta melden &rarr;</a>
</div>
</section>
</main>
<footer>
<div class="wrap">
<div class="wrap foot">
<div>
<div class="brand" style="font-size:1.1rem">
<svg viewBox="0 0 64 64" aria-hidden="true" style="width:24px;height:24px"><circle cx="32" cy="33" r="22" fill="none" stroke="#1F4848" stroke-width="5" stroke-dasharray="105 60" stroke-linecap="round" transform="rotate(40 32 33)"/><circle cx="36" cy="40" r="4.4" fill="#E89B7B"/></svg>
Equilo
</div>
<p class="disclaimer">Equilo ist ein digitales Tagebuch und kein Medizinprodukt nach MDR. Es ersetzt keine ärztliche Diagnose oder Therapie. Korrelation ist nicht gleich Ursache.</p>
</div>
<div>
<p>© 2026 Equilo</p>
<p><a href="datenschutz.html">Datenschutz</a> · <a href="impressum.html">Impressum</a></p>
<a class="brand" href="#top">Equilo</a>
<p class="disclaimer">Equilo ist ein Tagebuch und kein Medizinprodukt. Die App ersetzt keine ärztliche Beratung. Bei neuen oder ungewohnten Beschwerden ärztlich abklären lassen, im Notfall 112.</p>
</div>
<nav aria-label="Rechtliches">
<a href="impressum.html">Impressum</a>
<a href="datenschutz.html">Datenschutz</a>
<a href="mailto:website@tillheidrich.de">Kontakt</a>
</nav>
</div>
</footer>
<script>
(() => {
const io = new IntersectionObserver((es) => {
for (const e of es) if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.12 });
document.querySelectorAll('.reveal').forEach((el) => io.observe(el));
const btn = document.querySelector('.menu-btn');
const toggle = (open) => {
document.body.classList.toggle('menu-open', open);
btn.setAttribute('aria-expanded', String(open));
btn.setAttribute('aria-label', open ? 'Menü schließen' : 'Menü öffnen');
};
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); });
})();
</script>
</body>
</html>