Files
Klotzkette--claude-fuer-deu…/insolvenzplan-starug-planwerkstatt/assets/vorschau/index.html
T
2026-05-21 17:50:45 +02:00

47 lines
5.0 KiB
HTML

<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insolvenzplan- und StaRUG-Planwerkstatt</title>
<style>
:root{color-scheme:light;--ink:#172033;--muted:#5f6f86;--blue:#356fbc;--orange:#f28b38;--silver:#eef3f8;--line:#d7e0ea;--white:#fff}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#f8fbff 0%,#eaf1f8 46%,#fff4ea 100%);color:var(--ink);letter-spacing:0}
.wrap{max-width:1180px;margin:0 auto;padding:44px 22px 56px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center;min-height:72vh}.eyebrow{font-size:13px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.title{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:12px 0 18px;font-weight:800}.lead{font-size:20px;line-height:1.55;color:#33435a;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:var(--white);color:var(--ink);text-decoration:none;font-weight:700;box-shadow:0 12px 28px rgba(27,55,88,.08)}.btn.primary{background:linear-gradient(135deg,var(--blue),#274f92);color:white;border-color:#274f92}.btn.accent{border-color:#f0be91;background:#fff8f1}.panel{background:rgba(255,255,255,.74);border:1px solid rgba(205,216,229,.9);border-radius:8px;padding:22px;box-shadow:0 24px 70px rgba(32,64,96,.14);backdrop-filter:blur(18px)}.meter{height:10px;background:#dfe8f2;border-radius:999px;overflow:hidden;margin:16px 0}.meter span{display:block;height:100%;width:82%;background:linear-gradient(90deg,var(--blue),var(--orange))}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.tile{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.78);padding:16px;min-height:132px}.tile b{display:block;margin-bottom:8px}.tile p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}.flow{margin-top:22px;display:grid;gap:10px}.step{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.num{width:28px;height:28px;border-radius:50%;background:#e8f0fb;color:#1d5ba2;display:grid;place-items:center;font-weight:800;flex:0 0 auto}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto}.grid{grid-template-columns:1fr 1fr}.title{font-size:40px}}@media(max-width:560px){.wrap{padding:28px 16px}.grid{grid-template-columns:1fr}.lead{font-size:18px}.btn{width:100%;justify-content:center}}
</style>
</head>
<body>
<main class="wrap">
<section class="hero">
<div>
<div class="eyebrow">Freistehendes Claude-Cowork-Plugin</div>
<h1 class="title">Insolvenzplan- und StaRUG-Planwerkstatt</h1>
<p class="lead">Geführte Planarchitektur vom ersten Kriseninterview bis zum bestätigungsreifen Plan: Sanierungskonzept, integrierte Planung, Vergleichsrechnung, Gruppen, Klassen, Anlagen, Cram-down, Minderheitenschutz und Planvollzug in einem Paket.</p>
<div class="actions">
<a class="btn primary" href="https://github.com/Klotzkette/claude-fuer-deutsches-recht/releases/latest/download/insolvenzplan-starug-planwerkstatt.zip">Plugin-ZIP laden</a>
<a class="btn accent" href="https://github.com/Klotzkette/claude-fuer-deutsches-recht/releases/latest/download/testakte-insolvenzplan-starug-planwerkstatt-metallbau-hansa.zip">Testakte laden</a>
<a class="btn" href="../../README.md">README</a>
</div>
</div>
<aside class="panel">
<h2>Planreife</h2>
<p>Route, Zahlen, Rechtswirkungen und Akzeptanz laufen durch ein gemeinsames Quality Gate.</p>
<div class="meter"><span></span></div>
<div class="flow">
<div class="step"><div class="num">1</div><div><b>Intake</b><br>Rolle, Krise, Zielbild, Datenlage.</div></div>
<div class="step"><div class="num">2</div><div><b>Vergleich</b><br>Planfall gegen realistische Alternative.</div></div>
<div class="step"><div class="num">3</div><div><b>Plan</b><br>Darstellender und gestaltender Teil.</div></div>
<div class="step"><div class="num">4</div><div><b>Härtung</b><br>Einwände, Minderheitenschutz, Vollzug.</div></div>
</div>
</aside>
</section>
<section class="grid">
<div class="tile"><b>Sanierungskonzept</b><p>Krisenursachen, Maßnahmen, Leitbild und integrierte Planung.</p></div>
<div class="tile"><b>Vergleichsrechnung</b><p>Quoten, Sicherheiten, Sonderaktiva und Planmehrwert je Gruppe.</p></div>
<div class="tile"><b>StaRUG</b><p>Planbetroffene, Klassen, Bestandsfähigkeit, Stabilisierung und Gericht.</p></div>
<div class="tile"><b>Red Team</b><p>Findet Lücken, Widersprüche und unbestimmte Klauseln vor Einreichung.</p></div>
</section>
</main>
</body>
</html>