/* ==========================================================================
   1. HINTERGRUND (Exakt auf 0.4 Transparenz eingestellt)
   ========================================================================== */
body, #page-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    
    background-image: url('../images/hinter.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* HIER GEÄNDERT: Exakt auf 0.4 gesetzt */
    opacity: 0.4; 
}

/* ==========================================================================
   2. ÜBERSCHRIFT (TC Sonderbuch im Header)
   ========================================================================== */
body::after {
    content: "TC Sonderbuch";
    display: block;
    text-align: center;
    font-size: 2.5rem;          
    font-weight: bold;          
    color: #333333;             
    padding: 20px 0;            
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;                
}

#page-wrapper {
    padding-top: 80px;          
}

/* ==========================================================================
   3. GENERELLE LAYOUT-TRANSPARENZ & SCHRIFTFARBE (Ohne Schatten)
   ========================================================================== */
#body-wrapper, 
section.section,
main,
.container,
.content-wrapper, 
.blog-content-item, 
#footer,
.footer,
footer.section {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    --q2-bg: transparent !important;
}

/* Haupttext: Knackiges Schwarz für gute Lesbarkeit, ganz ohne Schatten */
#body-wrapper p,
#body-wrapper li,
#body-wrapper h1,
#body-wrapper h2,
#body-wrapper h3 {
    color: #000000 !important;
    text-shadow: none !important; 
}

/* ==========================================================================
   4. FOOTER- & SEITENABSTÄNDE OPTIMIEREN
   ========================================================================== */
#footer.section {
    padding-top: 1rem !important; 
}

#body-wrapper {
    padding-bottom: 1rem !important;
}

#body-wrapper section.section:last-of-type {
    padding-bottom: 1rem !important;
}

/* ==========================================================================
   5. DEINE NEUE SIDEBAR: TRANSPARENZ & KLARER TEXT
   ========================================================================== */
#meine-neue-sidebar {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#meine-neue-sidebar *, 
#meine-neue-sidebar div,
#meine-neue-sidebar p, 
#meine-neue-sidebar ul, 
#meine-neue-sidebar li,
#meine-neue-sidebar h5,
#meine-neue-sidebar h6 {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    --q2-bg: transparent !important;
    
    /* Reines Schwarz für normalen Text in der Sidebar, ohne Schatten */
    color: #000000 !important;
    text-shadow: none !important;
}

/* Link-Styling in der Sidebar (Spielbetrieb, Downloads etc.) */
#meine-neue-sidebar a {
    color: #0055b3 !important; 
    text-decoration: none !important;
    font-weight: bold;         
    text-shadow: none !important;
}

#meine-neue-sidebar a:hover {
    text-decoration: underline !important;
    color: #003377 !important;
}

#meine-neue-sidebar p {
    margin-bottom: 1rem !important;
    line-height: 1.5;
}