.cardText {
    font-size: 90%;
}

.yellow {
    color: yellow;
    background-color: transparent;
}

.blue {
    color: blue;
    background-color: transparent;
}

.orange {
    color: orange;
    background-color: transparent;
}

.red {
    color: red;
    background-color: transparent;
}

.lightstkyblue {
    color: lightskyblue;
}

.cornflowerblue {
    color: cornflowerblue;
}

.lightgrey {
    color: lightgrey;
}

.custom-card-header {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-drawertext);
}

.custom-card-body {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-text-primary);
}

.custom-card-body-collapse {
    background-color: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
}

.custom-card-body-text {
    color: var(--mud-palette-text-secondary);
}

.custom-card-footer {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-text-drawertext);
}

.text-secondary {
    color: var(--mud-palette-text-secondary);
}

.Xs{
    font-size: 80%;
}

.Sm{
    font-size: 90%;
}

.WeatherCardVedurstofanText {
    font-size: 1rem;
}

@media (max-width: 1920px) {
    .WeatherCardVedurstofanText {
        font-size: 90%;
    }
}

@media (max-width: 1280px) {
    .WeatherCardVedurstofanText {
        font-size: 80%;
    }
}

@media (max-width: 960px) {
    .WeatherCardVedurstofanText {
        font-size: 70%;
    }
}

@media (max-width: 600px) {
    .WeatherCardVedurstofanText {
        font-size: 60%;
    }
}