:root{
  --navy:#14224e; --ink:#1b2330; --muted:#6b7280; --bg:#ffffff;
}
*{box-sizing:border-box;}
html,body{margin:0;height:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.6;
}

/* Startseite */
.wrap{
  min-height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; padding:40px 20px;
}
.emblem{ width:min(70vw,300px); height:auto; margin-bottom:14px; }
h1.brand{
  font-size:clamp(22px,4.2vw,34px); letter-spacing:.14em; color:var(--navy);
  margin:0; text-transform:uppercase; font-weight:700;
}
.tagline{ color:var(--muted); font-size:clamp(15px,2.4vw,19px); margin:.5em 0 1.9em; }
.btn{
  display:inline-block; background:var(--navy); color:#fff; text-decoration:none;
  padding:12px 34px; border-radius:8px; font-weight:600; letter-spacing:.03em;
}
.btn:hover{ opacity:.9; }
footer{ margin-top:auto; padding-top:44px; font-size:13px; color:var(--muted); }
footer a{ color:var(--muted); text-decoration:none; margin:0 6px; }
footer a:hover{ text-decoration:underline; }

/* Inhaltsseiten (Impressum etc.) */
.content{ max-width:720px; margin:0 auto; padding:48px 22px; }
.content h1{ color:var(--navy); margin-top:0; }
.content a{ color:var(--navy); }
.back{ display:inline-block; margin-bottom:24px; color:var(--muted); text-decoration:none; font-size:14px; }
.back:hover{ text-decoration:underline; }
.muted{ color:var(--muted); font-size:14px; }