Dateien nach "/" hochladen

2026-07-22 13:11:10 +00:00
parent 7184fea6e9
commit e5363ba299
1 changed files with 73 additions and 0 deletions
@@ -0,0 +1,73 @@
 <!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, nofollow" />
  <title>LAVI – Bald verfügbar</title>
  <style>
    :root{
      --navy:#032240; --navy-2:#06304f; --gold:#f1cf7c; --copper:#b87333;
      --light:#f4f1ea; --muted:#9fb1c4;
    }
    *{box-sizing:border-box; margin:0; padding:0;}
    html,body{height:100%;}
    body{
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      color:var(--light);
      background:radial-gradient(1200px 600px at 50% -10%, var(--navy-2), var(--navy) 60%);
      min-height:100%;
      display:flex; align-items:center; justify-content:center;
      padding:2rem; text-align:center; line-height:1.5;
      -webkit-font-smoothing:antialiased;
    }
    .wrap{max-width:640px;}
    .mark{
      font-size:clamp(3rem,12vw,5.5rem); font-weight:800; letter-spacing:.14em;
      color:var(--light);
    }
    .mark .dot{color:var(--gold);}
    .rule{
      width:64px; height:3px; margin:1.75rem auto;
      background:linear-gradient(90deg,var(--gold),var(--copper));
      border-radius:2px;
    }
    .tag{
      font-size:clamp(1rem,3.4vw,1.35rem); color:var(--light); font-weight:500;
      margin-bottom:1rem;
    }
    .sub{color:var(--muted); font-size:1rem; max-width:34rem; margin:0 auto 2.25rem;}
    .badge{
      display:inline-flex; align-items:center; gap:.6rem;
      border:1px solid rgba(241,207,124,.35);
      background:rgba(241,207,124,.08);
      color:var(--gold); font-weight:600; font-size:.95rem;
      padding:.7rem 1.25rem; border-radius:999px; letter-spacing:.02em;
    }
    .badge .pulse{
      width:9px; height:9px; border-radius:50%; background:var(--gold);
      box-shadow:0 0 0 0 rgba(241,207,124,.6); animation:pulse 2.2s infinite;
    }
    @keyframes pulse{
      0%{box-shadow:0 0 0 0 rgba(241,207,124,.5);}
      70%{box-shadow:0 0 0 12px rgba(241,207,124,0);}
      100%{box-shadow:0 0 0 0 rgba(241,207,124,0);}
    }
    .foot{margin-top:3rem; color:var(--muted); font-size:.82rem; letter-spacing:.02em;}
    @media (prefers-reduced-motion:reduce){ .badge .pulse{animation:none;} }
  </style>
 </head>
 <body>
  <main class="wrap">
    <div class="mark">LAVI<span class="dot">.</span></div>
    <div class="rule"></div>
    <p class="tag">Der Kompass für Familien – wir bauen gerade daran.</p>
    <p class="sub">
      Unsere neue Plattform entsteht. In Kürze findest du hier Guides, die dich
      durch die wichtigen Themen des Familienlebens begleiten.
    </p>
    <span class="badge"><span class="pulse"></span> Live ab Ende September 2026</span>
    <p class="foot">© 2026 lavi.guide</p>
  </main>
 </body>
 </html>