/* Gilt speziell für Module in der top-b Position */
.top-b .mod-custom {
    display: flex;
    align-items: right; /* Vertikale Zentrierung */
    gap:20px;           /* Schöner Abstand zwischen Wappen und Text */
    padding: 15px 0;    /* Ein wenig Luft nach oben und unten */
}
1
.top-b .mod-custom img {
    max-height: 200px;  /* Maximale Höhe des Wappens */
    width: auto;        /* Proportional skalieren */
    display: block;
}

.top-b .mod-custom h2 {
    margin: 0 !important;
    font-weight: bold;
    color: #1a5a30;      /* Ein schönes dunkles Schützengrün */
    font-family: sans-serif; /* Oder eine Schriftart Ihrer Wahl */
}

/* Sorgt dafür, dass top-b sich an die Inhaltsbreite hält */
.top-b {
    max-width: 1320px; /* Standard-Breite von Cassiopeia */
    margin: 0 auto;    /* Zentriert den Bereich */
    padding-left: 15px;
    padding-right: 15px;
}

/* Falls Sie den Hintergrund der Zeile grün machen wollen */
/* .top-b { background-color: #1a8a30; color: white; }*/

/* Die rechte Seitenleiste schmaler machen (Standard ist oft 25% bis 33%) */
@media (min-width: 992px) {
    .site-grid {
        /* Hier definieren wir: Hauptinhalt nimmt den Rest, Sidebar fest auf 250px */
        grid-template-columns: 1fr minmax(150px, 250px); 
        gap: 2rem; /* Abstand zwischen Inhalt und Menü */
    }
}

/* Abstände in den Seitenmenüs verringern */
.sidebar-right .nav-link, 
.sidebar-left .nav-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 0.95rem; /* Schrift minimal verkleinern */
}

/* Den grauen Rahmen/Hintergrund von Modulen in der Sidebar schmaler wirken lassen */
.sidebar-right .card, 
.sidebar-left .card {
    margin-bottom: 1rem;
    padding: 5px;
}

.sidebar-right {
    word-wrap: break-word;
    hyphens: auto; /* Trennt lange Wörter automatisch */
}

/* 1. Den Hintergrund der gesamten top-a Zeile Grün machen */
.container-top-a {
    background-color: #1a5a30 !important; /* Dein Schützengrün */
    margin: 0;
    padding: 10px 0; /* Etwas Luft nach oben und unten */
}

/* 2. Den Inhalt (das Modul) in top-a zentrieren */
.top-a {
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center;     /* Vertikale Zentrierung */
    color: #ffffff;          /* Schriftfarbe auf Weiß für besseren Kontrast */
}

/* 3. Falls sich ein Modul darin befindet (z.B. Eigenes Modul) */
.top-a .mod-custom {
    text-align: center;
    width: 100%;
}