/* ==========================================================================
    1. HEADER & NAVIGATION (Bereinigt)
   ========================================================================== */

/* NUR MOBILE ANSICHT */
@media (max-width: 992px) {
    #masthead {
        position: fixed !important;
        top: 0 !important;
        z-index: 99999 !important;
        background-color: #ffffff !important;
    }

    .home #inner-wrap { 
        padding-top: 240px !important; 
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #start { scroll-margin-top: 240px !important; }

    #singer, #beerdigung, #werk, #ref, #hoer, #kontakt {
        padding-top: 140px !important;
        margin-top: -90px !important;
    }

    #mobile-drawer .drawer-inner, #mobile-drawer { background-color: #ffffff !important; }
    #mobile-drawer .mobile-navigation ul li a {
        font-family: 'Mulish', sans-serif !important;
        font-weight: 600 !important;
        color: #B1976B !important;
        font-size: 1.8rem !important;
        text-align: center;
        padding: 20px 0 !important;
    }
}

/* NUR DESKTOP ANSICHT */
@media (min-width: 993px) {
    #masthead { position: relative !important; }
    .home #inner-wrap { padding-top: 0 !important; }

    /* Desktop Menü Punkte (Größer & Gold) */
    #primary-menu li a { 
        font-family: 'Mulish', sans-serif !important; 
        color: #B1976B !important;
        font-size: 1.15rem !important; /* Etwas größere Schriftgröße */
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        font-weight: 400 !important;
    }
    
    #primary-menu li a:hover { color: #444444 !important; }

    #start, #singer, #beerdigung, #werk, #ref, #hoer, #kontakt {
        scroll-margin-top: 230px !important;
        padding-top: inherit !important;
        margin-top: inherit !important;
    }
}

/* ==========================================================================
   1. HEADER & NAVIGATION (Bereinigt)
   ========================================================================== */

/* ... (Bestehende Header-Styles) ... */

/* ==========================================================================
   2. TYPOGRAPHY & HEADINGS (Optimiert für Mobile & Desktop)   
 h3   font-size: 1.25rem;
    font-weight: 700;
   ========================================================================== */

h3 {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 18px;
    
    /* Dunkle Schriftfarbe für maximale Lesbarkeit */
    color: #111827 !important; 
    

    line-height: 1.4;
    margin: 1.5em 0 0.75em 0;
}

/* Der Akzent-Strich */
h3::before {
    content: "";
    position: absolute;
    left: 0;
    width: 4px;
    height: 1.2em;
    background-color: #3b82f6; /* Coil-Blue Akzent */
    border-radius: 4px;
}

/* Responsivität: Schriftgröße auf Mobile leicht anpassen */
@media (max-width: 768px) {
    h3 {
        font-size: 1.15rem;
        padding-left: 15px;
    }
}/* ==========================================================================
   1. HEADER & NAVIGATION (Bereinigt)
   ========================================================================== */

/* ... (Bestehende Header-Styles) ... */

/* ==========================================================================
   2. TYPOGRAPHY & HEADINGS (Optimiert für Mobile & Desktop)
   ========================================================================== */

h/* ==========================================================================
   1. HEADER & NAVIGATION (Bereinigt)
   ========================================================================== */
/* ==========================================================================
   1. HEADER & NAVIGATION (Bereinigt)
   ========================================================================== */

/* (Hier stehen deine bestehenden Header-Anpassungen) */

/* ==========================================================================
   2. TYPOGRAPHY & HEADINGS (Lightweight Gold-Design)
    h3 font-weight: 100 !important;               /* Font Weight 400 font-size: 1.75rem !important; */
    
   ========================================================================== */

/* H2: Gold und in normaler Stärke */
h2 {
    color: #A4793C !important;
   
    letter-spacing: 0.em !important;        /* Leichtes Spacing für Eleganz */
    margin-bottom: 1rem;
}

/* H3: Dunkel, sehr leicht (Light) und mit feinem Gold-Strich    font-size: 1.25rem !important;*/
h3 {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
    color: #A4793C !important;
    font-weight: 200 !important;               /* Font Weight 300 */
  
    margin: 1.6em 0 0.8em 0;
    letter-spacing: 0.02em;
}

/* Der feine goldene Strich (bleibt als Akzent) */
h3::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.5px;
    height: 1.1em;
    background-color: #c5a267;
    border-radius: 2px;
}

/* Mobile Anpassung */
@media (max-width: 768px) {
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.15rem; padding-left: 12px; }
}
/* (Hier stehen deine bestehenden Header-Anpassungen) */

/* ==========================================================================
   2. TYPOGRAPHY & HEADINGS (Gold & Dark Contrast) font-size: 1.75rem;
    font-weight: 700;  h3font-size: 1.25rem;
    font-weight: 700;
   ========================================================================== */

/* H2: Das goldene Highlight */
h2 {
    color: #A4793C !important;     /* Unser Goldton als Schriftfarbe */
    
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    text-transform: none;          /* Optional: auf 'uppercase' setzen für mehr Impact */
}

/* H3: Dunkle Schrift mit feinem Gold-Akzent */
h3 {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
    color: #111827 !important;     /* Dunkle Schriftfarbe */
   
    margin: 1.6em 0 0.8em 0;
}

/* Der feine goldene Strich vor der H3 */
h3::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.5px;                  /* Sehr feiner Strich */
    height: 1.1em;
    background-color: #c5a267;      /* Goldton für die Linie */
    border-radius: 1px;
}

/* Mobile Anpassung */
@media (max-width: 768px) {
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.15rem; padding-left: 12px; }
}

/* ==========================================================================
    3. KUPFER-AKZENTE & DETAILS (Trennlinien & Footer)
   ========================================================================== */
hr, .wp-block-separator { border: none !important; border-top: 1px solid #B1976B !important; opacity: 0.6; margin: 2em auto; }
.kadence-separator-top svg, .kadence-separator-bottom svg { fill: #B1976B !important; }
.wp-block-button__link, .kb-button { background-color: #B1976B !important; font-family: 'Mulish', sans-serif !important; border-radius: 0px !important; }
#site-footer { border-top: 2px solid #B1976B !important; }
#site-footer a, #site-footer .widget-title, .footer-social-wrap svg { color: #B1976B !important; fill: #B1976B !important; }
#site-footer a:hover { color: #444444 !important; }

/* ==========================================================================
   3. FOOTER & LEGAL (Impressum Style)  font-weight: 300 !important; 
    font-size: 1.25rem !important; 
   ========================================================================== */


h2 { 
    color: #A4793C !important; 
   
    letter-spacing: 0.01em; 
    margin-bottom: 1rem; 
}

h3 { 
    display: flex; 
    align-items: center; 
    position: relative; 
    padding-left: 15px; 
    color: #111827 !important; 
   
    margin: 1.6em 0 0.8em 0; 
}

h3::before { 
    content: ""; 
    position: absolute; 
    left: 0; 
    width: 1.5px; 
    height: 1.1em; 
    background-color: #c5a267; 
    border-radius: 1px; 
}

@media (max-width: 768px) {
    h2 { font-size: 1.5rem !important; }
    h3 { font-size: 1.15rem !important; padding-left: 12px; }
}

/* ==========================================================================
   3. FOOTER & LEGAL (Impressum Fix)
   ========================================================================== */

#site-footer { border-top: 2px solid #B1976B !important; }

.impressum-navigation { width: 100%; padding: 40px 0 20px 0; text-align: center; }
.impressum-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 30px; }
.impressum-navigation ul li a { 
    color: #111827 !important; 
    font-weight: 300 !important; 
    font-size: 0.85rem; 
    text-decoration: none; 
    letter-spacing: 0.05em; 
}
.impressum-navigation ul li a:hover { color: #c5a267 !important; }