.container-header .navbar-brand .brand-logo img, .container-header .navbar-brand .brand-logo, .container-header .navbar-brand {
	display: block;
	width: 100% !important;
	height: auto !important;
}
body {
	background-color: #fff4d4;
}
main {
	background-color: white;
	padding-bottom: 20px;
}
main > div {
	padding: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #993300 !important;
}
.jevbootstrap a:hover, .jevbootstrap a:focus {
    color: inherit !important;
}
h1, .h1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
}
h2, .h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
}
hr {
	border-top: 1px solid #6b3806 !important;
	border-bottom: 1px solid #9e5a10 !important;
}
.mod-articlesnews.newsflash .btn.btn-secondary {
	color: #6b3806;
	border: none;
	padding: 0;
}
.mod-articlesnews.newsflash .icon-chevron-right {
	display: none;
}
.item-content .btn.btn-secondary {
	color: #6b3806;
}
.metismenu.mod-menu .mm-toggler {
	padding: 0 10px 5px 5px;
}

/* Gilt für Smartphones im Querformat (Bildschirmbreite von 576px bis 991px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    
    /* Zwingt alle Module in der rechten Sidebar untereinander auf 100% Breite */
    .sidebar-right .grid-child,
    .sidebar-right .moduletable,
    .sidebar-right [class*="mod-"] {
        grid-column: span 4 !important; /* Nutzt das gesamte mobile Grid */
        width: 100% !important;
        float: none !important;        /* Hebt eventuelle alte Ausrichtungen auf */
    }
    
    /* Falls innerhalb der Module (z.B. Newsflash) Flexbox-Layouts aktiv sind */
    .sidebar-right .mod-articlesnews,
    .sidebar-right .mod-articlescategory,
    .sidebar-right .mod-latest {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Richtet die einzelnen Artikel-Einträge auf volle Breite aus */
    .sidebar-right .com-content__item,
    .sidebar-right .mod-articlesnews__item,
    .sidebar-right li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* Verhindert Textfetzen neben Beitragsbildern bei aktivem Sidebar-Layout */
.item-image.float-start, 
.item-image.float-end {
    float: none !important;
    display: block !important;
    margin: 0 0 1rem 0 !important;
    max-width: 100%;
}

/* Optional: Falls Sie Bilder direkt IM Text-Editor eingefügt haben */
.article-details img {
    display: block;
    float: none !important;
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
}