74 lines
2.7 KiB
HTML
74 lines
2.7 KiB
HTML
<!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>
|