:root{
  color-scheme: dark;
  --bg:#0d1512; --ink:#e8eee9; --muted:#8fa298; --line:#24342d;
  --brand:#9fd8b9; --chip:#141f1b;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; min-height:100vh;
}
a{color:inherit}

/* Startseite */
.center{flex:1;display:grid;place-items:center;padding:48px 20px}
.box{max-width:520px;width:100%}
h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}
.sub{color:var(--muted);margin-top:10px;font-size:1.05rem}

.mail{
  margin-top:40px;display:flex;align-items:center;gap:8px;
  background:var(--chip);border:1px solid var(--line);border-radius:14px;
  padding:6px 6px 6px 18px;
}
.mail .addr{flex:1;font-size:1.05rem;font-weight:600;word-break:break-all;user-select:all}
.copy{
  border:0;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;
  background:var(--brand);color:var(--bg);border-radius:10px;padding:10px 14px;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
}
.copy svg{width:16px;height:16px}
.copy[hidden]{display:none}
.hint{color:var(--muted);font-size:.85rem;margin-top:10px;min-height:1.4em}

/* Rechtstexte */
.page{flex:1;max-width:680px;width:100%;margin:0 auto;padding:56px 20px}
.page h1{font-size:1.8rem;margin-bottom:24px}
.page h2{font-size:1rem;margin:26px 0 6px}
.page p,.page li{color:var(--muted)}
.page ul{padding-left:20px}
.back{display:inline-block;margin-bottom:32px;color:var(--muted);text-decoration:none;font-size:.9rem}
.back:hover{color:var(--ink)}

footer{padding:24px 20px 32px;text-align:center;font-size:.85rem;color:var(--muted)}
footer a{text-decoration:none;margin:0 10px}
footer a:hover{color:var(--ink)}