/* e.V.-Vorstand · Ergänzungen für die Erklärseite /ablauf eines Vereins (M16 Kap. 4).
   Baut auf site.css auf (dieselben Tokens), damit eine neue Fassung von site.css
   diese Datei nicht berührt. */
.ablauf-brand{gap:12px}
.ablauf-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--r-s);padding:4px;box-shadow:0 1px 2px rgb(0 0 0 / .08)}
.ablauf-logo img{display:block;height:36px;width:auto;max-width:120px}
.ablauf-monogramm{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--surface);font-weight:700;font-size:1.15rem}
.ablauf-kategorien{margin-top:24px}
.ablauf-kategorien h3{font-size:1.02rem;margin-bottom:8px}
.ablauf-kategorien ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ablauf-kategorien li{padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.92rem}
.ablauf-cta{display:flex;justify-content:center}
.foot__bottom a{color:inherit}