/* ==========================================================================
   1. HEADER & FOOTER HINTERGRÜNDE
   ========================================================================== */

/* Hintergrundfarbe UND das sich wiederholende Wasserzeichen im Header aktivieren */
.container-header {
    background-color: #ebd136 !important; 
    background-image: url('/images/header-hintergrund.jpg') !important; 
    background-repeat: repeat-x !important;       
    background-position: 25% center !important;   
    background-size: auto 100% !important;        
}

/* Slogan "Hoffnung fürs Leben" sauber unter dem Logo einblenden */
.navbar-brand::after {
    content: "Hoffnung fürs Leben";
    display: block;
    font-size: 1.2rem;           
    color: #b74c2a !important;   /* Das Rot-Braun aus Ihrem Logo */
    font-weight: 600;            
    font-style: italic;          
    margin-top: 8px;             
    text-align: center;          
    font-family: "Georgia", "Times New Roman", serif !important; /* Elegante Serifenschrift */
    letter-spacing: 0.5px;       
}

/* Hintergrundfarbe UND dasselbe Wasserzeichen im Footer spiegeln */
.container-footer {
    background-color: #ebd136 !important; 
    background-image: url('/images/header-hintergrund.jpg') !important; 
    background-repeat: repeat-x !important;       
    background-position: center center !important;
    background-size: auto 100% !important;        
}


/* ==========================================================================
   2. SEITENLEISTEN-MENÜ (Ihre gelbe Navigationsbox links)
   ========================================================================== */

/* Hintergrund und Rahmen für den gesamten Menü-Block links */
.sidebar-left .mod-menu,
.sidebar-left [class*="meine-sidebar-nav"] {
    background-color: #ffffff !important; /* Weißer Hintergrund */
    border: 2px solid #ebd136 !important; /* Gelber Rahmen aus Ihrem Logo */
    padding: 15px !important;
    border-radius: 6px;
    margin-bottom: 20px;
    list-style: none !important;          
}

/* Die Menüeinträge (Links) standardmäßig in Logo-Rot */
.sidebar-left .mod-menu a,
.sidebar-left [class*="meine-sidebar-nav"] a {
    color: #b74c2a !important;            /* Das Rot-Braun aus Ihrem Logo */
    font-weight: 600 !important;          
    display: block !important;
    padding: 10px 15px !important;
    text-decoration: none !important;     
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

/* Verhalten beim Drüberfahren (Hover) und für die aktuell geöffnete Seite */
.sidebar-left .mod-menu a:hover,
.sidebar-left .mod-menu .active > a,
.sidebar-left .mod-menu .current > a,
.sidebar-left [class*="meine-sidebar-nav"] a:hover,
.sidebar-left [class*="meine-sidebar-nav"] .active > a,
.sidebar-left [class*="meine-sidebar-nav"] .current > a {
    color: #b74c2a !important;            
    background-color: #ebd136 !important; /* Hintergrund wechselt zum Logo-Gelb */
}


/* ==========================================================================
   3. SEITENÜBERSCHRIFTEN & TEXTLINKS IN BEITRÄGEN
   ========================================================================== */

/* Ändert alle Überschriftenebenen auf das Logo-Rot */
h1, h2, h3, .page-header h1 {
    color: #b74c2a !important;            /* Das Rot-Braun aus Ihrem Logo */
}

/* Normale Textlinks NUR im Inhalt farblich anpassen (z.B. E-Mail-Adressen) */
main a, .com-content a {
    color: #b74c2a !important;          
    text-decoration: underline;        
}

/* Verhalten wenn man mit der Maus über einen normalen Textlink fährt */
main a:hover, .com-content a:hover {
    color: #ebd136 !important;          
}


/* ==========================================================================
   4. FOOTER SCHRIFTFARBEN & LINKS
   ========================================================================== */

/* Schriftfarbe der Links im Footer anpassen (Impressum / Datenschutz) */
.container-footer a {
    color: #b74c2a !important;            /* Das Rot-Braun aus Ihrem Logo */
    font-weight: 600 !important;          /* Macht die Schrift gut lesbar auf dem Muster */
    text-decoration: none !important;     
}

/* Verhalten im Fußbereich beim Drüberfahren (Hover) */
.container-footer a:hover {
    color: #ffffff !important;            /* Wechselt beim Hovern zu Weiß */
    text-decoration: underline !important; 
}