.weather-forecast-block .top-weather.date {
  position: relative;
}
.weather-forecast-block .top-weather.date p {
  padding-left: 26px;
  position: relative;
}

.weather-forecast-block .top-weather.date p::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 25px;
   height: 25px;
   background-image: url(../icons/date.svg);
   background-repeat: no-repeat;
   background-size: contain;
 }
.weather-forecast-block .top-weather.forecast {
  align-items: center;
}
.weather-forecast-block .top-weather.forecast a {
  line-height: 0;
}

.weather-forecast-block .top-weather.forecast p {
  padding: 0 10px;
  position: relative;
}

.weather-forecast-block .top-weather.forecast.forecast {
  display: flex;
}
.weather-forecast-block .top-weather.forecast span {
   width: 35px;
   height: 35px;
   background-repeat: no-repeat;
   background-size: cover;
   display: inline-block;
  position: relative
 }
.weather-forecast-block .top-weather.forecast span.weather_pluss_icon  {
  width:60px;
  height: 25px;
  background-image: url(../icons/ilmpluss_kkp.svg);
}
.weather-forecast-block .top-weather.forecast span.light_snowfall.day  {
  background-image: url(../icons/light_snow_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.light_snowfall.night  {
  background-image: url(../icons/light_snow_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.clear.day  {
  background-image: url(../icons/clear_day.svg);
}
.weather-forecast-block .top-weather.forecast span.clear.night  {
  background-image: url(../icons/clear_night.svg);
}

.weather-forecast-block .top-weather.forecast span.few_clouds.day  {
  background-image: url(../icons/few_clouds_day.svg);
}
.weather-forecast-block .top-weather.forecast span.few_clouds.night  {
  background-image: url(../icons/few_clouds_night.svg);
}

.weather-forecast-block .top-weather.forecast span.variable_clouds.day  {
  background-image: url(../icons/variable_clouds_day.svg);
}
.weather-forecast-block .top-weather.forecast span.variable_clouds.night  {
  background-image: url(../icons/variable_clouds_night.svg);
}

.weather-forecast-block .top-weather.forecast span.cloudy_with_clear_spells.day  {
  background-image: url(../icons/cloudy_with_clear_spells_day.svg);
}
.weather-forecast-block .top-weather.forecast span.cloudy_with_clear_spells.night  {
  background-image: url(../icons/cloudy_with_clear_spells_night.svg);
}

.weather-forecast-block .top-weather.forecast span.cloudy.day  {
  background-image: url(../icons/cloudy.svg);
}
.weather-forecast-block .top-weather.forecast span.cloudy.night  {
  background-image: url(../icons/cloudy.svg);
}

.weather-forecast-block .top-weather.forecast span.light_snow_shower.day  {
  background-image: url(../icons/light_snow_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.light_snow_shower.night  {
  background-image: url(../icons/light_snow_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.moderate_snow_shower.day  {
  background-image: url(../icons/moderate_snow_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.moderate_snow_shower.night  {
  background-image: url(../icons/moderate_snow_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.heavy_snow_shower.day  {
  background-image: url(../icons/heavy_snow_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.heavy_snow_shower.night  {
  background-image: url(../icons/heavy_snow_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.light_shower.day  {
  background-image: url(../icons/light_snow_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.light_shower.night  {
  background-image: url(../icons/light_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.moderate_shower.day  {
  background-image: url(../icons/moderate_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.moderate_shower.night  {
  background-image: url(../icons/moderate_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.heavy_shower.day  {
  background-image: url(../icons/heavy_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.heavy_shower.night  {
  background-image: url(../icons/heavy_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.light_rain.day  {
  background-image: url(../icons/light_rain_day.svg);
}
.weather-forecast-block .top-weather.forecast span.light_rain.night  {
  background-image: url(../icons/light_rain_night.svg);
}

.weather-forecast-block .top-weather.forecast span.moderate_rain.day  {
  background-image: url(../icons/moderate_shower_day.svg);
}
.weather-forecast-block .top-weather.forecast span.moderate_rain.night  {
  background-image: url(../icons/moderate_shower_night.svg);
}

.weather-forecast-block .top-weather.forecast span.heavy_rain.day  {
  background-image: url(../icons/heavy_shower_day.svg);
}

.weather-forecast-block .top-weather.forecast span.risk_of_glaze  {
  background-image: url(../icons/risk_of_glaze.svg);
}

.weather-forecast-block .top-weather.forecast span.light_sleet  {
  background-image: url(../icons/light_sleet.svg);
}

.weather-forecast-block .top-weather.forecast span.moderate_sleet  {
  background-image: url(../icons/moderate_sleet.svg);
}

.weather-forecast-block .top-weather.forecast span.moderate_snowfall  {
  background-image: url(../icons/moderate_snowfall.svg);
}


.weather-forecast-block .top-weather.forecast span.heavy_snowfall  {
  background-image: url(../icons/heavy_snowfall.svg);
}

.weather-forecast-block .top-weather.forecast span.snowstorm  {
  background-image: url(../icons/snowstorm.svg);
}

.weather-forecast-block .top-weather.forecast span.drifting_snow  {
  background-image: url(../icons/drifting_snow.svg);
}
.weather-forecast-block .top-weather.forecast span.hail.day  {
  background-image: url(../icons/hail.svg);
}
.weather-forecast-block .top-weather.forecast span.mist  {
  background-image: url(../icons/mist.svg);
}
.weather-forecast-block .top-weather.forecast span.fog  {
  background-image: url(../icons/fog.svg);
}
.weather-forecast-block .top-weather.forecast span.thunder  {
  background-image: url(../icons/thunder.svg);
}
.weather-forecast-block .top-weather.forecast span.thunderstorm  {
  background-image: url(../icons/thunderstorm.svg);
}