:root {
 --bg:#F6F5F2;
 --text:#1E2A32;
 --primary:#2F4F3E;
 --accent:#C6A75E;
}
@media (prefers-color-scheme: dark){
 :root{
  --bg:#0F171C;
  --text:#E5E7E6;
  --primary:#7FAE96;
 }
}
body{
 margin:0;
 font-family:Inter,Arial,sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.6;
}
header.hero{
 height:100vh;
 background:url('assets/hero.jpg') center/cover no-repeat;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
}
.logo{width:140px;margin-bottom:1rem}
section{padding:5rem 2rem;max-width:1100px;margin:auto}
.welten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.welt{border:1px solid var(--accent);padding:2rem;text-align:center}
footer{text-align:center;padding:3rem;font-size:.9rem}