html #dm-switch {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 15px;
    right: auto;
    color: var(--secondary);
    cursor: pointer;
    font-size: 1.9rem;
    /* bottom: 1.5rem; */
}
html #dm-switch:after {
    content: 'hell/dunkel';
    position: absolute;
    bottom: 50%;
    left: 3.3rem;
    transform: translateY(50%);
    font-size: 1.1rem;
    display: none;
}
@media(min-width:768px){
    html #dm-switch:after {
        display:block;
    }

}
html #dm-switch:before{
    content:"\f186"; /* Default wert: fa-moon */
    display:inline-block;
    font-family: 'FontAwesome';
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
html.user-colorscheme-dark #dm-switch,
html.os-colorscheme-dark #dm-switch{
    color:var(--secondary-light);
}
html.os-colorscheme-dark #dm-switch:before,
html.user-colorscheme-dark #dm-switch:before{
    content:"\f185"; /*  wert: fa-sun-o */
}
html.user-colorscheme-light #dm-switch:before{
    content:"\f186";
}