:root{
  --primary:#006aff;
  --text:#111;
  --muted:#666;
  --line:#e6e6e6;
  --bg:#fff;
  --navbg:#fafafa;
  --card:#fff;
}

*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.55; }
a{ color:var(--primary); text-decoration:none; }
a:hover{ text-decoration:underline; }

.nav{
  display:flex; align-items:center; gap:14px;
  padding:12px 18px; border-bottom:1px solid var(--line);
  background:var(--navbg); position:sticky; top:0; z-index:10;
}
.brand{ display:flex; align-items:center; gap:12px; margin-right:10px; }
.brand img{ height:34px; width:auto; display:block; }
.brand span{ font-weight:800; letter-spacing:.2px; }

.wrap{ max-width:1100px; margin:0 auto; padding:24px 18px; }
.hero{ border:1px solid var(--line); border-radius:14px; padding:18px; background:linear-gradient(180deg,#fff, #f7fbff); }
.hero h1{ margin:0 0 6px; font-size:2rem; }
.hero p{ margin:0; color:var(--muted); }

.grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:14px; margin-top:14px; }
.card{ border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--card); }
.card h2{ margin:0 0 10px; font-size:1.1rem; }
.card ul{ margin:0; padding-left:18px; }
.card li{ margin:6px 0; }
small{ color:var(--muted); }
.footer{ border-top:1px solid var(--line); background:#fff; }
.footer .wrap{ padding:18px; }
.badge{ display:inline-block; padding:2px 10px; border:1px solid var(--line); border-radius:999px; font-size:.85rem; color:var(--muted); }

.hero-actions { margin-top: 12px; }

.btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid var(--primary);
  background:var(--primary);
  color:#fff;
  font-weight:600;
  margin-right:10px;
}

.btn:hover{ text-decoration:none; opacity:.92; }

.btn-outline{
  background:transparent;
  color:var(--primary);
}

/* Vorstand: kompakte Karten */
.people-grid{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.person-card img{
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  margin:0 0 10px 0;
}

.person-card h3{
  margin:0 0 6px 0;
}

.person-meta{
  margin:0;
}

.person-meta small{
  display:block;
  line-height:1.35;
}