/* Community & Kurse (/community, templates/community.html).
   Grundlage: site.css. Seitenkopf, Ticket, Video-Bühne, Kacheln, Events und
   Preisband teilt sich die Seite mit /angebot, sie stehen deshalb in site.css. */

/* "KI & Automatisierung" bleibt in einer Zeile */
.hub-comm .hub-hero h1 { font-size: clamp(2.4rem, 4.7vw, 3.8rem); text-wrap: wrap; }
@media (min-width: 561px) { .hub-comm .hub-hero h1 mark { white-space: nowrap; } }
.hub-comm .wb-crowd { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--line); padding-left: 0; }

/* Für wen: vier Typen nebeneinander (Karten .hub-who in site.css) */
.hub-fit__intro p { max-width: 64ch; }
.hub-fit__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1000px) { .hub-fit__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hub-fit__grid { grid-template-columns: minmax(0, 1fr); } }
.hub-fit__grid .hub-who__tag { font-size: 1.45rem; line-height: 1.2; }