/* // www.kreativekiste.de // 24.04.2026 // 2.9 */

/* 1. DER HINTERGRUND (Das Fundament) */
body, .site-grid {
    background-color: #e6f2fb !important;
}

/* 2. DER HEADER (Dein kräftiges Blau) */
header, .header, .container-header, .navbar, div[role="banner"] {
    background: #075eb1 !important;
    background-color: #075eb1 !important;
    background-image: none !important;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

/* 3. DIE INSELN (Weiße Boxen für Sidebar und Inhalt) */
/* Dies spricht die linke Spalte und die Hauptspalte im Cassiopeia-Template an */
.grid-child.container-sidebar-left, 
.grid-child.container-component {
    background-color: #ffffff !important;
    padding: 20px !important;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Dezenter Schatten */
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Kleiner Abstand zwischen den Inseln, damit das Blau durchscheint */
.site-grid {
    gap: 20px !important;
}

/* 4. DIE ÜBERSCHRIFTEN (Zusammengefasst nach gewünschten Größen) */

/* H1 und H2 auf 26px */
h1, .h1, .page-header h1, .item-title, h1[itemprop="headline"], main h1,
h2, .h2, .page-header h2, h2[itemprop="name"], main h2 {
    font-size: 26px !important; 
    color: #333;
}

/* H3 bis H6 auf 22px */
h3, .h3, main h3,
h4, .h4, main h4,
h5, .h5, main h5,
h6, .h6, main h6 {
    font-size: 22px !important; 
}