/************************************************************
* Wrapper
************************************************************/
.typo_weather {
    margin: calc(var(--typo-half-gap) * -1);
}
.typo_weather .weather_item {
    width: 100%;
}

/************************************************************
* Weather box
************************************************************/
.weather_box p:last-child {
    margin-bottom: 0;
}

.weather_box i {
    font-size: 2em;
}

/* Today */
.weather_box .weather_today p {
    margin-bottom: 0;
}
.weather_box .weather_today_degrees {
    font-size: 5em;
}


/************************************************************
* Icons Gondel + Hütte
************************************************************/
.typo_weather .weather_item::before {
    position: relative; display: block;
    aspect-ratio: 2 / 1;
    width: 75%; height: auto;
    margin-left: auto; margin-right: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: var(--typo-gap);
}

.typo_weather .opening_hours::before {
    content: '';
    background-image: url('../img/gondel.svg');
}
.typo_weather .huetten_opened::before {
    content: '';
    background-image: url('../img/huette.svg');
}


/************************************************************
* Green-Circle - Status
************************************************************/
.opening_hours > p,
.huetten_opened > p {
    padding-left: 2.5em;
    position: relative;
}

.opening_hours > p::before,
.huetten_opened > p::before {
    content: ''; position: absolute;
    display: inline-block;
    width: 1.125em; height: 1.125em;
    background-color: var(--typo-color-green);
    border-radius: 50%; top: 0; left: 0;
}