/* 1. Die gesamte Hauptbox in leichtem Grau */
.site-fluid,
.body-innerwrapper,
main,
.main-content,
#content {
    background-color: #f8f9fa !important; /* Ein sehr edles, leichtes Grau (Standard in Bootstrap) */
}

/* 2. Sicherstellen, dass auch die Beiträge selbst dieses Grau übernehmen */
.com-content article,
.com-content .item-content,
.card {
    background-color: #f8f9fa !important;
    border: none !important; /* Entfernt weiße Ränder/Rahmen um den Beitrag */
    box-shadow: none !important;
}

/* 3. Dein Newsflash-Modul (bleibt dunkelgrau/andersfarbig wie zuvor eingestellt) */
.bg-newsflash {
    background-color: #e0e0e0 !important; /* Etwas dunkleres Grau für das Modul, damit es sich abhebt */
    border: 1px solid #ff0000 !important; /* roter Rahmen um Newsflash Box */
    border-radius: 5px;
    padding: 0 !important;
}

/* Überschrift-Box des Newsflash-Moduls */
.bg-newsflash .card-header, 
.bg-newsflash h3.card-title {
    background-color: #FF0000 !important;/* roter Hintergrund */
    color: #ffffff !important;
    padding: 10px 15px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}

/* Text-Abstand im Newsflash-Modul */
.bg-newsflash .card-body,
.bg-newsflash > ul {
    padding: 15px !important;
}