/* wetteR zamg */
:root {
    --color-primary: #bec8c7;
}
.zamg-wetter .wetter-wrapper {
    cursor: default;
    text-align: center; 
    color: #fff;
}
.zamg-wetter .wetter-wrapper > .row {
    background: #1a4455; 
}
.zamg-wetter .wetter-wrapper .tag {
    background: var(--color-primary);
    color: #fff;
    font-size: 1.5rem; 
}
.zamg-wetter .tag > *:not(:last-child),
.zamg-wetter .heute > *:not(:last-child),
.zamg-wetter .morgen > *:not(:last-child),
.zamg-wetter .umorgen > *:not(:last-child) {
    border-right: 2px solid #fff;
}
.zamg-wetter .tag,
.zamg-wetter .heute,
.zamg-wetter .morgen {
    border-bottom: 2px solid #fff; 
}
.zamg-wetter .tag p {
    margin: 0;
}
.zamg-wetter .datum {
    font-weight: 600;
}
.zamg-wetter .grad {
    font-size: 2.5rem;
    font-weight: 900;
}
.zamg-wetter .heute > *,
.zamg-wetter .morgen > *,
.zamg-wetter .umorgen > * {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

@media (max-width: 767px) {
    .zamg-wetter .wetter-wrapper .tag {
        font-size: 1rem;
    }
    .zamg-wetter .grad {
        font-size: 1.5rem;
    }
    .datum, .beschreibung {
        font-size: .75rem;
    }
}