<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lulu mit Weitblick – Windpark Ludwigslust verstehen und einordnen</title>
<style>
:root{--bg:#f8fafc;--bg-alt:#eef2f7;--card:#ffffff;--text:#0f172a;--muted:#475569;--line:#dbe3ee;--brand:#14532d;--accent:#22c55e;--shadow:0 10px 30px rgba(15,23,42,.08);--radius:22px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block} a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);z-index:20}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:70px}
.brand{font-weight:800}
.site-nav{display:flex;gap:1rem}
.site-nav a{color:var(--muted);font-size:.95rem}
.hero{min-height:80vh;display:flex;align-items:center;background:linear-gradient(120deg, rgba(15,23,42,.75), rgba(15,23,42,.35)), url('/mnt/data/91aec4ee-a2eb-4ad7-8f67-ce5f28aeed18.jpeg') center/cover no-repeat;color:#fff}
.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:2rem;padding:4rem 0}
h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}
.button{padding:.9rem 1.2rem;border-radius:999px;font-weight:700}
.primary{background:var(--accent);color:#052e16}
.secondary{border:1px solid rgba(255,255,255,.4);color:#fff}
.section{padding:4rem 0}
.section.alt{background:var(--bg-alt)}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}
.cta{background:#ecfccb;border:1px solid #d9f99d;color:#365314;padding:1.2rem;border-radius:16px}
.footer{background:#0f172a;color:#cbd5e1;padding:2rem}
@media(max-width:900px){.hero-grid,.two-col{grid-template-columns:1fr}}
</style>
</head>
<body>
<header class="site-header">
<div class="container nav">
<div class="brand">Lulu mit Weitblick</div>
<nav class="site-nav">
<a href="#worum">Worum geht es?</a>
<a href="#planung">Planung</a>
<a href="#bewertung">Einordnung</a>
<a href="#kontakt">Kontakt</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container hero-grid">
<div>
<h1>Windpark rund um Ludwigslust – informieren, verstehen und mitreden</h1>
<p>Hier entsteht keine neutrale Broschüre – sondern eine Seite, die informiert, einordnet und sichtbar macht, was die aktuellen Planungen konkret für unsere Region bedeuten könnten.</p>
<div style="margin-top:1.5rem">
<a class="button primary" href="#planung">Jetzt informieren</a>
<a class="button secondary" href="#bewertung">Einordnung ansehen</a>
</div>
</div>
<div class="card">
<h3>Warum diese Seite?</h3>
<p>Weil viele Entscheidungen vorbereitet werden, bevor sie wirklich im Alltag der Menschen ankommen. Diese Seite soll helfen, sich ein eigenes Bild zu machen – klar, verständlich und ohne Beschönigung.</p>
</div>
</div>
</section>
<section class="section" id="worum">
<div class="container two-col">
<div>
<h2>Worum geht es konkret?</h2>
<p>Rund um Ludwigslust stehen Planungen für zahlreiche Windkraftanlagen im Raum. Teilweise in unmittelbarer Nähe zu Wohngebieten, Ortsteilen und sichtbaren Bereichen der Stadt.</p>
<p>Diese Seite bündelt vorhandene Informationen und macht sichtbar, was sonst oft abstrakt bleibt: Größenverhältnisse, Entfernungen und mögliche Veränderungen im Landschaftsbild.</p>
</div>
<div class="card">
<h3>Unser Anspruch</h3>
<ul>
<li>Transparenz statt Beschwichtigung</li>
<li>Nachvollziehbare Darstellung</li>
<li>Grundlage für eigene Meinungsbildung</li>
</ul>
</div>
</div>
</section>
<section class="section alt" id="planung">
<div class="container">
<h2>Aktueller Stand</h2>
<p>Im Raum stehen mehrere Anlagen mit erheblicher Höhe und teils geringer Entfernung zu Wohngebieten. Gleichzeitig existieren bereits ausgewiesene Vorranggebiete – sowie erste Anlagen im Bau an der A14, die schon heute weithin sichtbar sind.</p>
<div class="cta">
<strong>Das Entscheidende:</strong> Es geht nicht um Theorie – die Entwicklung ist bereits sichtbar und wird konkret.
</div>
</div>
</section>
<section class="section" id="bewertung">
<div class="container">
<h2>Einordnung</h2>
<p>Die vorliegenden Unterlagen zeigen deutlich: Es gibt Chancen, aber auch ernstzunehmende Auswirkungen. Dazu gehören Veränderungen im Landschaftsbild, Nähe zu Wohngebieten und mögliche Folgen für Lebensqualität.</p>
<p><strong>Deshalb ist entscheidend:</strong> Eine fundierte Entscheidung kann nur getroffen werden, wenn alle Aspekte offen betrachtet werden – nicht nur wirtschaftliche.</p>
</div>
</section>
<section class="section alt" id="kontakt">
<div class="container two-col">
<div>
<h2>Kontakt / Mitmachen</h2>
<p>Du hast Hinweise, Bilder oder Informationen? Dann bring dich ein. Diese Seite kann und soll wachsen.</p>
<p><strong>E-Mail:</strong> info@lulu-mit-weitblick.de (Beispieladresse anpassen)</p>
</div>
<div class="card">
<h3>Hinweis</h3>
<p>Diese Seite dient der Information und Meinungsbildung. Sie ersetzt keine offiziellen Verfahren, soll aber dazu beitragen, dass diese bewusst begleitet werden.</p>
</div>
</div>
</section>
<section class="section" id="rechtliches">
<div class="container two-col">
<div>
<h3>Impressum</h3>
<p>Angaben gemäß § 5 TMG:</p>
<p>Max Mustermann<br>
Musterstraße 1<br>
19288 Ludwigslust</p>
<p>Email: info@lulu-mit-weitblick.de</p>
</div>
<div>
<h3>Datenschutz</h3>
<p>Diese Website speichert keine personenbezogenen Daten und verwendet keine Tracking-Tools. Beim Besuch der Seite werden durch den Hostinganbieter technische Zugriffsdaten (z.B. IP-Adresse, Zeitpunkt) verarbeitet.</p>
<p>Weitere Details sind beim Hostinganbieter (Strato) einsehbar.</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p>Lulu mit Weitblick – informiert bleiben und bewusst entscheiden.</p>
</div>
</footer>
</body>
</html>