<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex">
<title>WolffTechnik</title>
<style>
  :root {
    --bg: #0f172a; --card: #1e293b; --border: #334155;
    --text: #f8fafc; --muted: #94a3b8; --accent: #38bdf8;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: var(--bg); color: var(--text); padding: 1.5rem;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  .card {
    background: var(--card); border: 1px solid var(--border); border-radius: 1rem;
    padding: 2.5rem 2rem; max-width: 30rem; width: 100%; text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.3);
  }
  h1 { font-size: 1.75rem; font-weight: 700; letter-spacing: -.025em; }
  h1 span { color: var(--accent); }
  .line { height: 2px; width: 3rem; background: var(--accent); border-radius: 2px; margin: 1.25rem auto; }
  p { color: var(--muted); font-size: .95rem; line-height: 1.6; }
  .tag {
    display: inline-block; margin-top: 1.5rem; padding: .3rem .75rem;
    border-radius: 999px; font-size: .7rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .05em;
    background: rgba(56,189,248,.12); color: var(--accent);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Wolff<span>Technik</span></h1>
    <div class="line"></div>
    <p>Unsere Webseite befindet sich im Aufbau.</p>
    <span class="tag">In Arbeit</span>
  </div>
</body>
</html>