:root{
  --ink:#34201d;
  --paper:#fffdf9;
  --teal:#0d8c8c;
  --purple:#7653a6;
  --orange:#f58225;
  --pink:#e66f8b;
}
*{box-sizing:border-box}
html{min-height:100%}
body{
  margin:0; min-height:100vh; color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(135deg,#f6f4f0,#fffaf5);
}
.wrap{max-width:980px;margin:auto;padding:28px 22px 18px}
main{
  min-height:calc(100vh - 120px);
  display:grid;place-items:center;
}
.card{
  width:100%;max-width:760px;text-align:center;
  background:rgba(255,255,255,.88);
  border-radius:28px;padding:38px 42px;
  box-shadow:0 18px 60px rgba(52,32,29,.12);
}
.logo{width:min(100%,520px);height:auto;display:block;margin:0 auto 24px}
h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px;line-height:1.08}
.lead{font-size:1.15rem;line-height:1.65;max-width:610px;margin:0 auto 18px}
.status{
  display:inline-block;margin:10px 0 28px;padding:10px 18px;border-radius:999px;
  background:#f2eee9;font-weight:650;
}
.contact{
  margin:0 auto;padding-top:24px;border-top:1px solid #e8e1da;
  max-width:520px;line-height:1.7
}
.contact a{color:var(--teal);font-weight:700;text-decoration:none}
footer{padding:18px 0;text-align:center;font-size:.92rem;color:#6c625d}
footer a{color:inherit;text-decoration:none;margin:0 10px}
footer a:hover{text-decoration:underline}
.legal{max-width:760px;margin:50px auto;background:white;border-radius:22px;padding:34px;box-shadow:0 12px 45px rgba(52,32,29,.09)}
.legal h1{font-size:2rem}.legal h2{margin-top:28px;font-size:1.2rem}
.legal p,.legal li{line-height:1.65}
.back{display:inline-block;margin-bottom:22px;color:var(--teal);font-weight:700;text-decoration:none}
.note{background:#fff4d8;padding:14px 16px;border-radius:12px}
@media(max-width:600px){.wrap{padding:16px}.card{padding:28px 20px;border-radius:20px}.legal{margin:22px 0;padding:24px}}

.intro{
  max-width:650px;
  margin:0 auto 8px;
  text-align:left;
  font-size:1rem;
  line-height:1.7;
}
.intro p{margin:0 0 18px}
.intro a{color:var(--teal);font-weight:700}

.page-link{margin:0 0 24px}
.page-link a{display:inline-block;padding:11px 18px;border-radius:999px;background:#f2eee9;color:var(--teal);font-weight:750;text-decoration:none}
.vision{text-align:left}
.vision h1{margin-bottom:26px}
.vision h2{margin-top:28px}
.satzung-box{margin-top:34px;padding:22px;background:#f7f3ee;border-radius:16px}
.button{display:inline-block;margin-top:6px;padding:11px 18px;border-radius:999px;background:var(--teal);color:white;text-decoration:none;font-weight:750}

.lang-switch{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  margin-bottom:10px;
}
.lang-switch a{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:750;
  text-decoration:none;
  color:#6c625d;
  background:#f2eee9;
}
.lang-switch a.active{
  color:white;
  background:var(--teal);
}
.lang-switch a:hover{text-decoration:none;opacity:.9}