/* ==========================================
   1. NAVIGATION & HEADER
   ========================================== */

/* Macht den Hintergrund der Navigation weiß */
.header {
    background-color: #ffffff !important;
}

/* ==========================================
   2. LOGO ZENTRIEREN
   ========================================== */

/* Schiebt das Dorfstube-Logo exakt in die Mitte */
.navbar-brand {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important;
}

/* Bereitet den oberen Balken für die Zentrierung vor */
.header .container-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Kopfbereich-Abstände verkleinern */
.header {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    min-height: auto !important;
}

/* Falls Sie ein Logo verwenden, können Sie hier dessen maximale Höhe begrenzen */
.navbar-brand img {
    max-height: 200px;
    width: auto;
}
/* Maximale Breite der gesamten Website begrenzen und zentrieren */
body {
    max-width: 1200px; /* Hier können Sie die Breite steuern (z. B. 1200px oder 1400px) */
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #f5f5f5; /* Optional: Ein leichter Grauton für den Hintergrund außerhalb der Box */
}

/* Header-Bereich an die neue Breite anpassen */
.header {
    max-width: 1200px;
    margin: 0 auto;
}

/* ==========================================
   3. BILDER-KORREKTUR (FIX FÜR ABSCHNEIDEN)
   ========================================== */

/* Dieser alte Block hat die Bilder fälschlicherweise auf 250px abgeschnitten:
.com-content-article img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
}
*/

/* Sorgt dafür, dass alle Beitragsbilder vollständig sichtbar sind */
.com-content-article img, 
.full-image img, 
.intro-image img, 
.article-details img {
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    width: auto !important;
}