<!DOCTYPE html>
<html lang=“de“>
<head>
<meta charset=“UTF-8″ />
<meta name=“viewport“ content=“width=device-width, initial-scale=1.0″ />
<title>Aussprache im Business – Landingpage</title>
<style>
/* Basis */
body { font-family: Arial, sans-serif; color: #333; margin: 0; padding: 0; line-height: 1.6; }
section { padding: 60px 20px; }
h1, h2, h3 { margin-bottom: 20px; line-height: 1.2; }
p { margin-bottom: 15px; }
ul { margin: 0; padding: 0; }
/* Zentrierung */
.text-center { text-align: center; }
.max-width { max-width: 1100px; margin: 0 auto; }
/* Hero */
.hero { background: linear-gradient(90deg, #2563eb, #3b82f6); color: #fff; padding: 80px 20px; }
.hero h1 { font-size: 2.2rem; font-weight: bold; }
.hero p { font-size: 1.1rem; max-width: 700px; margin: 0 auto 20px; }
.hero .btn-primary { background: #fff; color: #2563eb; }
/* Buttons */
.btn { display: inline-block; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold; transition: 0.3s; }
.btn-primary { background: #2563eb; color: #fff; }
.btn-primary:hover { background: #1e40af; }
.btn-secondary { background: #fff; color: #2563eb; border: 2px solid #2563eb; }
.btn-secondary:hover { background: #2563eb; color: #fff; }
/* Karten / Boxen */
.card { border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
.highlight { border: 3px solid #2563eb; }
/* Grids */
.grid { display: grid; gap: 20px; }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
/* Abschnitte */
.bg-light { background: #f9f9f9; }
/* Footer */
footer { background: #f1f1f1; padding: 30px; text-align: center; font-size: 14px; color: #666; }
</style>
</head>
<body>
<!– Hero Section –>
<section class=“hero text-center“>
<div class=“max-width“>
<h1>Klar sprechen. Souverän wirken. Mehr Erfolg im Business.</h1>
<p>In nur 8 Wochen verbessern Sie Ihre Aussprache – für mehr Verständlichkeit, Selbstsicherheit und Wirkung im Berufsalltag.</p>
<a href=“#cta“ class=“btn btn-secondary“>Kostenfreies Analysegespräch sichern</a>
</div>
</section>
<!– Problem Section –>
<section class=“problem text-center max-width“>
<h2>Erkennen Sie sich wieder?</h2>
<ul>
<li>Ihre Kund:innen oder Kolleg:innen verstehen Sie manchmal falsch?</li>
<li>Ihr Dialekt nimmt Ihnen Professionalität?</li>
<li>Sie möchten souveräner auftreten?</li>
</ul>
</section>
<!– Lösung Section –>
<section class=“bg-light text-center“>
<div class=“max-width“>
<h2>Ihr Weg zu klarer Aussprache</h2>
<p>Mit meinem erprobten Aussprache-Coaching lernen Sie in wenigen Wochen, klar und überzeugend zu sprechen – ohne Ihre Persönlichkeit oder Ihren Dialekt zu verlieren.</p>
<div class=“grid grid-4″>
<div class=“card“>Analyse</div>
<div class=“card“>Individueller Fahrplan</div>
<div class=“card“>Intensives Training</div>
<div class=“card“>Anwendung im Alltag</div>
</div>
</div>
</section>
<!– Testimonials Section –>
<section class=“text-center“>
<div class=“max-width“>
<h2>Das sagen Teilnehmer:innen</h2>
<div class=“grid“ style=“grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));“>
<div class=“card“>
<p><em>“Nach 10 Wochen fühle ich mich in Meetings viel sicherer und werde endlich verstanden.”</em></p>
<p><strong>– Anna M.</strong></p>
</div>
<div class=“card“>
<p><em>“Ich hätte nie gedacht, dass es so schnell geht – mein Dialekt bleibt, aber ich klinge professioneller.”</em></p>
<p><strong>– Markus K.</strong></p>
</div>
</div>
</div>
</section>
<!– Pakete Section –>
<section class=“bg-light text-center“>
<div class=“max-width“>
<h2>Wählen Sie Ihr Programm</h2>
<div class=“grid grid-3″>
<div class=“card“>
<h3>8 Wochen</h3>
<p><strong>960 €</strong></p>
<a href=“#cta“ class=“btn btn-primary“>Analysegespräch buchen</a>
</div>
<div class=“card highlight“>
<h3>10 Wochen</h3>
<p><strong>1.200 €</strong></p>
<a href=“#cta“ class=“btn btn-primary“>Analysegespräch buchen</a>
</div>
<div class=“card“>
<h3>12 Wochen</h3>
<p><strong>1.440 €</strong></p>
<a href=“#cta“ class=“btn btn-primary“>Analysegespräch buchen</a>
</div>
</div>
</div>
</section>
<!– FAQ Section –>
<section class=“max-width“>
<h2 class=“text-center“>Häufige Fragen</h2>
<div>
<p><strong>Kann ich meinen Dialekt behalten?</strong></p>
<p>Ja! Ziel ist es, dass Sie klarer verstanden werden, ohne Ihre Identität zu verlieren.</p>
</div>
<div>
<p><strong>Ich habe wenig Zeit – wie flexibel ist das Training?</strong></p>
<p>Die Einheiten lassen sich flexibel an Ihren Alltag anpassen.</p>
</div>
<div>
<p><strong>Was, wenn ich nach 8 Wochen nicht zufrieden bin?</strong></p>
<p>Wir besprechen gemeinsam weitere Schritte, bis Sie Ihr Ziel erreichen.</p>
</div>
</section>
<!– CTA Section –>
<section id=“cta“ class=“hero text-center“>
<div class=“max-width“>
<h2>Ihre Stimme ist Ihr Erfolgsfaktor!</h2>
<a href=“#“ class=“btn btn-secondary“>Kostenfreies Analysegespräch sichern</a>
</div>
</section>
<!– Footer –>
<footer>
<p>© 2025 Ulrike Trebesius-Bensch · Impressum · Datenschutz</p>
</footer>
</body>
</html>