:root {
    /* Standard-Farben (Hell) 
    --bg-color: #ffffff;
    --text-color: #1a1a1a;
    --accent-color: #0055ff; /* Beispiel für dein Pool-Blau */
}

/* Wenn das Attribut data-theme="dark" gesetzt ist 
/*[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --accent-color: #4da3ff;
}*/

/*body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;*/ /* Weicher Übergang */
/*}*/

/* Verhindere, dass Bilder und Videos mit invertiert werden 
[data-theme="dark"] img, 
[data-theme="dark"] video {
    filter: brightness(.8) contrast(1.2);
}*/
.theme-switch-wrapper {
    top:calc(100% - 50px);;
    left:1px;
    position:fixed!important;
    font-size: 2em;
    color: #9e9e9e;
    cursor: pointer;
    display: inline-block;
    padding: 0px 14px;
    background-color: #f0f0f0; /* Neutraler Hintergrund */
    border: 0.4px solid #9e9e9e;
    /*border-radius: 40px;*/
    user-select: none;
    transition: all 0.3s ease;
    z-index: 9999;
}
.theme-switch-wrapper:hover {
    color: #900000;
    transition: all 0.3s ease;
}

/* Verhindert, dass der Umschalter selbst mit-invertiert wird */
html[data-theme="dark"] .theme-switch-wrapper {
    background-color: #333;
    border-color: #555;
    filter: none !important; 
}

/* Icons einblenden/ausblenden je nach Modus */
.moon-icon { display: none; }
[data-theme="dark"] .sun-icon { display: none; }
[data-theme="dark"] .moon-icon { display: inline; }