/* Aureville – Anpassung Cassiopeia */

/* Kopfbereich heller wie auf der alten Website */
.container-header {
    background: #f5f5f5;
    background-image: none;
    box-shadow: none;
}

/* Banner zentrieren */
.container-header .container-below-top {
    justify-content: center;
}

/* Navigation */
.container-header .container-nav {
    background: #f5f5f5;
}

/* Menütexte dunkel */
.container-header .mod-menu {
    color: #555;
}

.container-header .mod-menu a {
    color: #555;
}

/* Suchfeld rechts */
.container-header .container-search {
    color: #555;
}

/* Aureville – Schriftgrößen näher am alten Layout */

body {
    font-size: 14px;
}

/* Artikelüberschriften */
.blog-items h2,
.blog-item h2,
.item-content h2 {
    font-size: 22px;
}

/* Rechte Module */
.container-sidebar-right .card-header,
.container-sidebar-right h3 {
    font-size: 20px;
}

/* Navigation */
.container-header .mod-menu {
    font-size: 14px;
}

/* Überschriften der Beiträge auf der Startseite */
.com-content-category-blog .page-header h2,
.com-content-category-blog .page-header h2 a {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

/* Aureville – kompaktere Artikelabstände */
.com-content-category-blog__item .page-header {
    margin-bottom: 0.5rem;
}

.com-content-category-blog__item .item-content > p {
    margin-bottom: 0.6rem;
}

.com-content-category-blog__item {
    margin-bottom: 1.2rem;
}

/* Aureville – Header an Inhaltsbreite ausrichten */
.container-header .container-below-top,
.container-header .container-nav {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

/* Aureville – Contentbereich zentrieren */
@media (min-width: 992px) {
    .site-grid {
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Aureville – Fließtext linksbündig statt Blocksatz */
.com-content-category-blog .item-content p {
    text-align: left !important;
}