.jahr-ueberschrift {
  margin-top: 30px;
  font-size: 1.8em;
  cursor: pointer;
}
.jahr-ueberschrift::after {
  content: " ?";
  font-size: 0.8em;
  color: #888;
}
.jahr-ueberschrift.collapsed::after {
  content: " ?";
}
.jahr-ueberschrift { cursor: pointer;  margin-top: 24px; }
.jahr-ueberschrift::after { content: " ►"; font-size: .8em; color: #888; }
.jahr-ueberschrift.open::after { content: " ▼"; }
.monat-ueberschrift { margin: 12px 0 6px; font-size: 1.1em; color: #555; }


#wordcloud text {
  font-family: "Raleway", sans-serif;
  font-weight: 600;          /* ähnlich wie Haswell-Headlines */
  letter-spacing: 0.5px;     /* bisschen Luft */
  fill: #333;                /* Haswell nutzt meist dunkles Grau */
  transition: fill 0.3s, font-size 0.3s;
  cursor: pointer;
}

#wordcloud text:hover {
  fill: #f60;                /* orange highlight – Dein Akzent */
  font-size: 110%;           /* leichtes Wachstum beim Hover */
}