.grid-child {
  margin-top: 0;
  margin-bottom: 0;
}

#menu .navbar {
  padding: 0;
}





/***************************************************************************************************
/* Der Seitenkopf von Cassiopeia hat die Klasse "header" du steuerst diese also mit .header an */
.header {
    background: rgb(73,160,205);
}

/* Beitragstitel (z. B. in Blog-Ansicht oder Einzelansicht) */
/* 2rem ist etwa 32px
1.5rem ≈ 24px
1.2rem ≈ 19px
Oder direkt in px, z. B. font-size: 20px; */
.article-title,
.page-header h1 {
  font-size: 1.2rem !important; /* z. B. kleiner als Standard */
  font-weight: 600 !important;  /* optional: etwas weniger fett */
}

/* Optional: Titel von Modulüberschriften kleiner setzen */
.card-header {
  font-size: 1.2rem !important;  /* oder z. B. 18px */
  font-weight: 600;
  margin-bottom: 0.5rem;
  background-color: rgb(73,160,205); /* Nur kurz zum Testen */
}
 /* Titel der Artikel kleiner setzen */
.item-title a,
.blog .item-title {
  font-size: 1.2rem !important;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}