:root{
  --bg:#0b0f14;
  --card:#0f1620;
  --text:#e9eef5;
  --muted:rgba(233,238,245,.72);
  --line:rgba(233,238,245,.12);
  --accent:#7dd3fc;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.6;
}

.impressum{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0;
}

.wrap{
  max-width:820px;
  margin:0 auto;
  padding:56px 20px 40px;
}

.logo-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 3rem;
  margin: 0 0 2px;
  text-align: center;
}

.logo {
  height: 200px;
  width: auto;
  padding-bottom: 0;
}

.tagline{
  margin:0 0 18px;
  color:var(--muted);
  font-size:1.15rem;
  text-align:center;
}

.intro{
  max-width:62ch;
  margin:0 auto 22px;
  font-size:1.05rem;
  text-align:center;
}

.cta{
  text-align:center;
  margin-top:10px;
}

.cta > *{
  display:inline-block;
  margin:0 7px;
}

.btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(125,211,252,.12);
  border:1px solid rgba(125,211,252,.25);
  color:var(--text);
  text-decoration:none;
}

.btn:hover{
  border-color:rgba(125,211,252,.45);
}

.link{
  color:var(--accent);
  text-decoration:none;
}

.link:hover{ text-decoration:underline; }

.card{
  margin-top:18px;
  padding:18px 18px;
  border-radius:16px;
  background:var(--card);
  border:1px solid var(--line);
}

.card h2{
  margin:0 0 10px;
  font-size:1.25rem;
  text-align: left;
}

ul{
  margin:0;
  padding-left:18px;
}

li{ margin:6px 0; color:rgba(233,238,245,.88); }

.footer{
  margin-top:22px;
  padding-top:18px;
  text-align: center;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.95rem;
}

.muted{ color:var(--muted); }