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

#menu .navbar {
  padding: 0;
}

/* Eigener Rahmen für Module mit der Klasse .modul-rahmen */
.modul-rahmen {
    border: 3px solid #cccccc; /* Farbe des Rahmens */
    border-radius: 5px;        /* Leicht abgerundete Ecken */
    padding-top: 1px !important;    /* Abstand oben (Inhalt zu Rahmen) */
    padding-bottom: 1px !important; /* Abstand unten (Inhalt zu Rahmen) */
    margin-bottom: 1px !important;  /* Abstand zum nächsten Modul darunter */
}
/* Falls im Modul ein Absatz <p> ist, der unten zusätzlich Platz braucht: */
.modul-rahmen p {
    margin-bottom: 3px !important;
}
/* Das violette Padding im Inneren des Moduls verkleinern */
.modul-rahmen .card-body {
    padding-top: 5px !important;    /* Abstand oben verringern */
    padding-bottom: 5px !important; /* Abstand unten verringern */
    padding-left: 10px;             /* Optional: Seitlicher Abstand */
    padding-right: 10px;
}

/***************************************************************************************************
/* 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: 1rem !important; /* z. B. kleiner als Standard */
  font-weight: 580 !important;  /* optional: etwas weniger fett */
}

/* Optional: Titel von Modulüberschriften kleiner setzen */
.card-header {
  font-size: 1rem !important;  /* oder z. B. 18px */
  font-weight: 500;
  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: 1rem !important;
  font-weight: 540;
  color: inherit;
  text-decoration: none;
}

/* Den violetten Bereich (Padding) des Nav-Containers auf Null setzen */
div.grid-child.container-nav {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Falls das Metismenu selbst noch Abstände (Margin) hat */
.metismenu.menu-horizontal {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Den äußeren Abstand des gesamten Navigationsbereichs minimieren */
header.header {
    margin-bottom: 0 !important;
}

/* Erhöhte Spezifität für die RSForm-Überschrift */
div.rsform-block h2, 
#userForm h2, 
.com-rsform h2 {
    font-size: 1.1rem !important; /* Hier den gewünschten Wert eintragen */
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}