/* Erzeugt eine harte schwarze Umrandung und Schatten für ABSOLUT JEDEN Text */
* {
    text-shadow: 
        -1px -1px 0 #000,  
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000,
         2px  2px 5px #000, 
         0px  0px 10px #000 !important;
}

/* Speziell für die großen Texte im Header (Servus, Uhrzeit, Wetter) */
.greeting, .datetime-text, .weather-text, .header-item, .group-title h2 {
    color: white !important;
    -webkit-text-stroke: 0.5px black; /* Erzeugt eine echte Outline in Chrome/Edge */
    font-weight: 800 !important;
}

/* Falls die Suche immer noch schwer zu sehen ist */
.search-input {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border: 2px solid black !important;
}