<!DOCTYPE html>

<html lang="de">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>In Zukunft entsteht hier eine Website</title>

  <style>

    :root {

      --bg: #0b0d10;

      --fg: #e8eaed;

      --muted: #8a8f98;

      --accent: #f7931a;

    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html, body { height: 100%; }

    body {

      background: var(--bg);

      color: var(--fg);

      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      text-align: center;

      padding: 24px;

      line-height: 1.5;

    }

    .box { max-width: 640px; }

    h1 {

      font-size: clamp(1.8rem, 5vw, 3rem);

      font-weight: 700;

      letter-spacing: -0.02em;

      margin-bottom: 16px;

    }

    h1 .accent { color: var(--accent); }

    p {

      color: var(--muted);

      font-size: clamp(1rem, 2.5vw, 1.15rem);

      margin-bottom: 32px;

    }

    .bild {

      width: 100%;

      max-width: 420px;

      border-radius: 12px;

      margin: 0 auto 32px;

      display: block;

    }

    footer {

      position: fixed;

      bottom: 16px;

      font-size: 0.85rem;

      color: var(--muted);

    }

  </style>

</head>

<body>

  <main class="box">

    <h1>In <span class="accent">Zukunft</span> entsteht hier eine Website</h1>

    <p>Bald geht es los. Schau gern nochmal vorbei.</p>

    <!-- Dein Bild: Datei neben index.html legen und Namen anpassen -->

    <img class="bild" src=„eb_back1.jpg" alt="Vorschau">

  </main>

  <footer>&copy; 2026</footer>

</body>

</html>