Embed

<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Rottstraße 46, 44653 Herne – Finanzübersicht</title>
  <style>
    :root{
      --bg:#0f172a;          /* slate-900 */
      --ink:#0b1220;         /* deep ink for text on light */
      --panel:#111827;       /* gray-900 */
      --muted:#64748b;       /* slate-500 */
      --brand:#0ea5a4;       /* teal-500 */
      --accent:#22c55e;      /* green-500 */
      --warn:#f59e0b;        /* amber-500 */
      --danger:#ef4444;      /* red-500 */
      --card:#ffffff;        /* white */
      --line:#e5e7eb;        /* gray-200 */
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:#f7f8fb;color:var(--ink)}
    .wrap{max-width:1180px;margin:24px auto;padding:24px}
    .title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
    .title h1{margin:0;font-size:28px;line-height:1.2;color:#0b1220}
    .subtitle{color:var(--muted);font-size:14px}
    .badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;font-size:12px;letter-spacing:.2px}
    .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
    .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(2,6,23,.04)}
    .card h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
    .key{font-size:30px;font-weight:800;margin:2px 0 6px;color:#0b1220}
    .kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed var(--line)}
    .kv:first-of-type{border-top:0}
    .kv span{font-weight:600}
    .muted{color:var(--muted)}
    .pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc;font-weight:700}
    .ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}
    .neg{color:#991b1b;background:#fef2f2;border-color:#fecaca}
    .two-col{columns:2;column-gap:18px}
    .foot{margin-top:16px;color:var(--muted);font-size:12px}
    @media (max-width:900px){.grid{grid-template-columns:repeat(6,1fr)}.two-col{columns:1}}
    @media print{
      body{background:#fff}
      .wrap{max-width:100%;margin:0;padding:0}
      .card{break-inside:avoid}
      .title h1{font-size:22px}
    }
    @page { size: A4; margin: 14mm; }
  @media print{
    body{background:#fff !important;color:#000 !important}
    .wrap{max-width:100%;margin:0;padding:0}
    .card{box-shadow:none;border:1px solid #0000001a}
    .badge{background:#000;color:#fff}
    .pill{background:#fff;border:1px solid #999;color:#000}
    .title h1{font-size:22px;color:#000}
    .subtitle{color:#000}
    .grid{gap:10px}
    a, .muted{color:#000}
    .foot{color:#000}
  }
</style>
</head>
<body>
  <div class="print-hint" style="display:block;padding:10px 0 0 24px;color:#64748b;font-size:12px;">
    <span style="display:inline-block;padding:4px 8px;border:1px dashed #cbd5e1;border-radius:10px;">Tipp: Datei → Drucken → Ziel: **Als PDF speichern** → Format: **A4**, Ränder **Standard**.</span>
  </div>
  <div class="wrap">
    <div class="title">
      <div>
        <h1>Rottstraße 46, 44653 Herne – Finanzübersicht</h1>
        <div class="subtitle">Mehrfamilienhaus (7 WE · 501,25 m² Wfl. · kernsaniert 2021 · KfW‑55)</div>
      </div>
      <div class="badge">Kurz‑Exposé · Stand heute</div>
    </div>

    <div class="grid">
      
      <section class=\"card\" style=\"grid-column: span 3;\">
        <h3>1 · Kaufpreis & Struktur</h3>
        <div class="key">1.500.000 €</div>
        <div class="kv"><div>KfW‑Darlehen</div><span>500.000 € @ 2,8 % Zins / 2 % Tilgung</span></div>
        <div class="kv"><div>Tilgungszuschuss (Jahr 1)</div><span class="pill">230.000 €</span></div>
        <div class="kv"><div>Effektiver KP nach Zuschuss</div><span><b>1.270.000 €</b></span></div>
        <div class="kv"><div>Preis pro m² (auf effektivem KP)</div><span>~ 2.534 €/m²</span></div>
      </section>

      
      <section class=\"card\" style=\"grid-column: span 3;\">
        <h3>2 · Einnahmen (IST)</h3>
        <div class="key">67.539 € p.a.</div>
        <div class="kv"><div>Kaltmiete Wohnen</div><span>64.179 € p.a.</span></div>
        <div class="kv"><div>Stellplätze (7 × 40 €/Monat)</div><span>3.360 € p.a.</span></div>
        <div class="kv"><div>Ø Miete Wohnen</div><span>~ 10,7 €/m²·Monat</span></div>
      </section>

      
      <section class=\"card\" style=\"grid-column: span 3;\">
        <h3>3 · Ausgaben (nicht umlagefähig)</h3>
        <div class="key">8.535 € p.a.</div>
        <div class="kv"><div>Verwaltung (60 € × 7 WE × 12)</div><span>2.520 € p.a.</span></div>
        <div class="kv"><div>Instandhaltung (Ansatz ~1 €/m²·Monat)</div><span>6.015 € p.a.</span></div>
        <div class="kv"><div class="muted">→ NOI (Miete – Ausgaben)</div><span><b>59.004 € p.a.</b></span></div>
      </section>

      
      <section class=\"card\" style=\"grid-column: span 3;\">
        <h3>4 · Besonderheiten & Finanzierung</h3>
        <div class="key">KfW‑Hebel</div>
        <div class="kv"><div>Restschuld nach Zuschuss</div><span>270.000 € (KfW)</span></div>
        <div class="kv"><div>Zinsen Jahr 2 ff.</div><span>≈ 47.560 € p.a.</span></div>
        <div class="kv"><div>Tilgung Jahr 2 ff. (Ø 2 %)</div><span>~ 25.440 € p.a.</span></div>
        <div class="kv"><div>Annuität gesamt Jahr 2 ff.</div><span><b>~ 73.000 € p.a.</b> (≈ 6.083 €/Monat)</span></div>
        <div class="kv"><div>AfA</div><span>3,5 % auf 70 % KP = 36.750 € p.a.</span></div>
      </section>

      
      <section class=\"card\" style=\"grid-column: span 6;\">
        <h3>5 · Rendite & monatlicher Cashflow</h3>
        <div class="two-col">
          <p><b>Bruttorendite auf KP (1,50 Mio)</b><br>67.539 € / 1.500.000 € = <b>4,5 %</b></p>
          <p><b>Bruttorendite auf effektiven KP (1,27 Mio)</b><br>67.539 € / 1.270.000 € = <b>5,3 %</b></p>
          <p><b>Netto‑Mietrendite</b><br>NOI 59.004 € / 1.270.000 € = <b>4,65 %</b></p>
          <p><b>Kaufpreisfaktor</b><br>inkl. Stellplätze: <b>≈ 22,2</b></p>
          <p><b>Cashflow vor Steuer (Jahr 2 ff.)</b><br>NOI 59.004 € – Zins/Tilgung 73.000 € = <span class=\"pill neg\">≈ –14.0 T€ p.a.</span></p>
          <p><b>Cashflow nach Steuer (Höchstsatz ≈ 44 %)</b><br><span class="pill ok">≈ –2.9 T€ p.a. (≈ –240 €/Monat)</span></p>
        </div>
      </section>
    </div>

    <p class="foot">Hinweise: Werte gerundet, ohne Gewähr. Stand: heute. Grundlage: IST‑Mieten inkl. Stellpl., Instandhaltung pauschal ~1 €/m²·Monat, Verwaltung 60 €/Monat je WE, KfW‑Darlehen 500 T€ @2,8 % (Zuschuss 230 T€ in Jahr 1), Bank 1.000 T€ @4,0 % | 2 % Tilgung, AfA 3,5 % auf 70 % des Kaufpreises. Diese Seite ist für Ausdruck/Export als PDF optimiert.</p>
  </div>
</body>
</html>