#mwp-floating-weather {
    position: fixed;
    /* top, right, bottom, left werden jetzt dynamisch per Inline-Style gesetzt */
    /* background-color, color, border-radius werden jetzt dynamisch per Inline-Style gesetzt */
    padding: 15px 20px;
    font-family: Arial, sans-serif;
    text-align: right; /* Text rechtsbündig im Container */
    z-index: 9999; /* Stellt sicher, dass es über anderen Elementen liegt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column; /* Elemente untereinander anordnen */
    align-items: flex-end; /* Inhalt rechtsbündig ausrichten */
}

#mwp-floating-weather .mwp-temperature {
    font-size: 3em; /* Große Temperaturanzeige */
    font-weight: bold;
    line-height: 1; /* Zeilenhöhe anpassen */
    margin-bottom: 5px;
}

#mwp-floating-weather .mwp-location {
    font-size: 0.9em; /* Kleinerer Standorttext */
    opacity: 0.8; /* Leichte Transparenz für den Standort */
}

/* Optional: Für Responsive Design anpassen */
@media (max-width: 768px) {
    #mwp-floating-weather {
        top: 10px;
        right: 10px;
        padding: 10px 15px;
    }
    #mwp-floating-weather .mwp-temperature {
        font-size: 2.2em;
    }
    #mwp-floating-weather .mwp-location {
        font-size: 0.8em;
    }
}