<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Der Blockaden-Check – Dr. med. Dorothea Leinung</title>
<meta name="description" content="In zehn Minuten herausfinden, wie sehr innere Blockaden dich gerade ausbremsen. 24 Fragen, persönliche Auswertung und drei Impulse – kostenlos.">
<!-- Social-Media-Vorschau: Bild-URL später ergänzen -->
<meta property="og:title" content="Der Blockaden-Check">
<meta property="og:description" content="24 Fragen. Zehn Minuten. Eine persönliche Auswertung, wo dein System bereits Alarm schlägt.">
<meta property="og:type" content="website">
<!-- <meta property="og:image" content="https://DEINE-DOMAIN.de/bild.jpg"> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root{
--ink:#0F272C; /* Tiefes Petrol – Grundton */
--ink-soft:#1B3A41;
--paper:#F6F3EC; /* Warmes Papierweiß */
--paper-dim:#E8E2D6;
--sage:#8FA89F; /* Ruhiges Salbei */
--amber:#D9A441; /* Signalfarbe, sparsam eingesetzt */
--text-on-dark:#EDE7DC;
--muted:#6B7F82;
--radius:14px;
--maxw:660px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:var(--paper);
color:var(--ink);
font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:17px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2.1rem,5.2vw,3.3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,3.4vw,2.05rem)}
h3{font-size:1.12rem;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:.35em}
p{margin:0 0 1.1em}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{padding:72px 0}
.eyebrow{
font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
font-weight:600;color:var(--sage);margin-bottom:18px
}
/* ---------- Hero ---------- */
.hero{background:var(--ink);color:var(--text-on-dark);padding:84px 0 76px}
.hero .eyebrow{color:var(--sage)}
.hero h1{color:#fff}
.hero .lead{font-size:1.14rem;color:#CFD9D6;max-width:33em}
/* Signature: 24 Striche = die 24 Fragen, vier Bereiche */
.scale{margin:36px 0 8px}
.ticks{display:flex;gap:5px;align-items:flex-end;height:44px}
.ticks span{
flex:1;background:var(--sage);opacity:.32;border-radius:2px;
height:14px;transform-origin:bottom;
animation:rise .9s cubic-bezier(.2,.8,.3,1) both;
}
.ticks span:nth-child(4n+1){opacity:.7}
.ticks span:nth-child(6n){background:var(--amber);opacity:.85;height:38px}
@keyframes rise{from{transform:scaleY(.2);opacity:0}to{transform:scaleY(1)}}
.scale-legend{
display:flex;justify-content:space-between;gap:12px;margin-top:12px;
font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#93A9A6
}
@media (prefers-reduced-motion:reduce){.ticks span{animation:none}}
/* ---------- Opt-in-Block ---------- */
.optin{
background:var(--paper);color:var(--ink);
border-radius:var(--radius);padding:30px 28px 24px;
box-shadow:0 18px 44px rgba(0,0,0,.22);margin-top:38px
}
.optin h2{font-size:1.35rem;margin-bottom:.3em}
.optin .hint{font-size:.92rem;color:var(--muted);margin-bottom:20px}
.optin .legal{font-size:.8rem;line-height:1.5;color:var(--muted);margin:16px 0 0}
/* Dummy-Formular – wird durch den Anbieter-Code ersetzt */
.demo-form{display:grid;gap:10px}
.demo-form input{
width:100%;padding:14px 16px;font:inherit;font-size:1rem;
border:1px solid var(--paper-dim);border-radius:9px;background:#fff;color:var(--ink)
}
.demo-form input:focus{outline:2px solid var(--sage);outline-offset:1px;border-color:var(--sage)}
.demo-form button{
padding:15px 20px;font:inherit;font-weight:600;font-size:1rem;
background:var(--ink);color:#fff;border:0;border-radius:9px;cursor:not-allowed
}
.demo-note{
font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--amber);font-weight:600;margin-bottom:12px
}
/* ---------- Inhaltsbereiche ---------- */
.areas{display:grid;gap:2px;background:var(--paper-dim);border-radius:var(--radius);overflow:hidden;margin-top:28px}
.area{background:var(--paper);padding:22px 24px}
.area .n{font-family:"Fraunces",serif;font-size:.95rem;color:var(--sage);display:block;margin-bottom:4px}
.area p{margin:0;color:var(--ink-soft);font-size:.97rem}
@media(min-width:620px){.areas{grid-template-columns:1fr 1fr}}
.steps{counter-reset:s;margin:28px 0 0;padding:0;list-style:none}
.steps li{
counter-increment:s;position:relative;padding-left:52px;margin-bottom:26px
}
.steps li::before{
content:counter(s);position:absolute;left:0;top:-2px;
width:34px;height:34px;border-radius:50%;
display:grid;place-items:center;
background:var(--ink);color:var(--paper);
font-family:"Fraunces",serif;font-size:1rem
}
.steps p{margin:0;color:var(--ink-soft);font-size:.97rem}
.quote{
border-left:3px solid var(--amber);padding-left:22px;margin:0;
font-family:"Fraunces",serif;font-size:1.28rem;line-height:1.45
}
.author{background:var(--paper-dim)}
.author-grid{display:grid;gap:26px;align-items:start}
@media(min-width:620px){.author-grid{grid-template-columns:150px 1fr}}
.portrait{
width:150px;height:150px;border-radius:50%;background:var(--sage);
display:grid;place-items:center;color:#fff;font-size:.8rem;text-align:center;padding:12px
}
.cta-final{background:var(--ink);color:var(--text-on-dark);text-align:center}
.cta-final h2{color:#fff}
.cta-final p{color:#CFD9D6;max-width:30em;margin-left:auto;margin-right:auto}
.btn{
display:inline-block;margin-top:12px;padding:16px 30px;
background:var(--amber);color:var(--ink);text-decoration:none;
font-weight:600;border-radius:9px
}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
footer{background:var(--ink);color:#8FA3A6;font-size:.86rem;padding:0 0 48px;text-align:center}
footer a{color:#8FA3A6}
footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
</style>
</head>
<body>
<!-- ============ HERO ============ -->
<header class="hero">
<div class="wrap">
<p class="eyebrow">Kostenlos zum Buch „Dein Durchbruch beginnt jetzt“</p>
<h1>Du funktionierst.<br>Und trotzdem bremst dich etwas.</h1>
<p class="lead">Der Blockaden-Check zeigt dir in zehn Minuten, wie sehr innere Blockaden dich gerade ausbremsen – und wo dein System bereits Alarm schlägt.</p>
<div class="scale" aria-hidden="true">
<div class="ticks">
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="scale-legend"><span>Körper</span><span>Kopf</span><span>Gefühle</span><span>Verhalten</span></div>
</div>
<!-- ==================================================================
OPT-IN – HIER DEN CODE DEINES ANBIETERS EINFÜGEN
==================================================================
1. Den kompletten Block <div class="demo-form"> ... </div> löschen.
2. Den Einbettungscode (z. B. Quentn, ActiveCampaign, KlickTipp,
CleverReach, Brevo, MailerLite) exakt an dieser Stelle einfügen.
3. Den Absatz "demo-note" löschen.
4. Falls der Anbieter ein <script> mitliefert: das Script darf hier
stehen bleiben oder direkt vor </body> wandern – beides geht.
Hinweis: Diese Seite enthält den Opt-in bewusst nur EINMAL.
Die Schaltfläche am Seitenende springt hierher zurück. Viele
Anbieter erlauben kein zweimaliges Einbinden desselben Formulars.
==================================================================== -->
<div class="optin" id="optin">
<h2>Hol dir den Blockaden-Check</h2>
<p class="hint">24 Fragen, zehn Minuten, sofortige Auswertung. Kostenlos.</p>
<p class="demo-note">Platzhalter – hier kommt dein Opt-in-Formular hin</p>
<div class="demo-form">
<input type="text" placeholder="Dein Vorname" disabled>
<input type="email" placeholder="Deine E-Mail-Adresse" disabled>
<button type="button" disabled>Blockaden-Check anfordern</button>
</div>
<p class="legal">
Du erhältst den Blockaden-Check sofort per E-Mail, dazu in den Tagen danach
persönliche Impulse zum Buch. Abmeldung jederzeit mit einem Klick.
<a href="/datenschutz">Datenschutzerklärung</a>
</p>
</div>
</div>
</header>
<!-- ============ PROBLEM ============ -->
<section>
<div class="wrap">
<p class="eyebrow">Kommt dir das bekannt vor?</p>
<h2>Nach außen läuft alles. Nach innen kostet es dich alles.</h2>
<p>Im Job, in der Familie, für alle anderen bist du zuverlässig. Du machst nichts falsch – und kommst trotzdem nicht voran. Du schläfst schlechter, reagierst dünnhäutiger, und Erschöpfung ist längst kein Ausnahmezustand mehr, sondern der Normalzustand.</p>
<p>Das ist keine Willensfrage und kein Charakterfehler. Es sind alte Muster, die tiefer liegen als das Nachdenken reicht. Der erste Schritt ist zu sehen, wo genau sie gerade wirken.</p>
<blockquote class="quote">„Einsicht ist nicht dasselbe wie Veränderung.“</blockquote>
</div>
</section>
<!-- ============ INHALT ============ -->
<section>
<div class="wrap">
<p class="eyebrow">Was der Check misst</p>
<h2>24 Fragen zu vier Bereichen</h2>
<p>Blockaden zeigen sich selten nur an einer Stelle. Der Check schaut deshalb dorthin, wo sie sich zuerst bemerkbar machen.</p>
<div class="areas">
<div class="area"><span class="n">Körper</span><p>Schlaf, Anspannung, Beschwerden ohne klaren Befund.</p></div>
<div class="area"><span class="n">Kopf</span><p>Grübeln, Aufschieben, der innere Kommentar, der nie Feierabend macht.</p></div>
<div class="area"><span class="n">Gefühle</span><p>Dünnhäutigkeit, Reizbarkeit, das Gefühl, nicht zu genügen.</p></div>
<div class="area"><span class="n">Verhalten</span><p>Rückzug, Überarbeitung, Muster, die du selbst nicht mehr steuerst.</p></div>
</div>
</div>
</section>
<!-- ============ ABLAUF ============ -->
<section>
<div class="wrap">
<p class="eyebrow">So läuft es ab</p>
<h2>Drei Schritte, zehn Minuten</h2>
<ol class="steps">
<li><h3>Trag dich ein</h3><p>Vorname und E-Mail-Adresse genügen. Du bekommst den Zugang sofort.</p></li>
<li><h3>Beantworte 24 Fragen</h3><p>Ehrlich, zügig, ohne lange zu überlegen. Der erste Impuls ist meist der richtige.</p></li>
<li><h3>Erhalte deine Auswertung</h3><p>Eine persönliche Einordnung, wo dein System bereits Alarm schlägt – und drei Impulse, die du noch heute umsetzen kannst.</p></li>
</ol>
</div>
</section>
<!-- ============ AUTORIN ============ -->
<section class="author">
<div class="wrap">
<p class="eyebrow">Wer dahintersteht</p>
<div class="author-grid">
<!-- Portraitfoto ersetzen: <img src="dorothea-leinung.jpg" alt="Dr. med. Dorothea Leinung" class="portrait"> -->
<div class="portrait">Portrait<br>hier einfügen</div>
<div>
<h2 style="font-size:1.5rem">Dr. med. Dorothea Leinung</h2>
<p>Ärztin, Therapeutin und Ausbilderin. In der Notaufnahme habe ich über Jahre Menschen gesehen, bei denen medizinisch alles in Ordnung war – und die trotzdem litten. Seitdem arbeite ich mit der Yager Mind Matrix®, einer lösungsorientierten Methode, die nicht in der Vergangenheit wühlt, sondern dort ansetzt, wo das Muster verankert ist.</p>
<p>Den Blockaden-Check habe ich als Einstieg in mein Buch <em>Dein Durchbruch beginnt jetzt</em> entwickelt.</p>
</div>
</div>
</div>
</section>
<!-- ============ ABSCHLUSS ============ -->
<section class="cta-final">
<div class="wrap">
<h2>Dein Durchbruch ist näher, als du denkst</h2>
<p>Zehn Minuten für eine ehrliche Standortbestimmung. Kostenlos, ohne Bedingungen.</p>
<a class="btn" href="#optin">Zum Blockaden-Check</a>
</div>
</section>
<footer>
<div class="wrap">
<nav>
<a href="/impressum">Impressum</a>
<a href="/datenschutz">Datenschutz</a>
<a href="/kontakt">Kontakt</a>
</nav>
<p style="margin-top:22px">© <span id="jahr">2026</span> Dr. med. Dorothea Leinung</p>
</div>
</footer>
<script>document.getElementById('jahr').textContent = new Date().getFullYear();</script>
</body>
</html>