/*************************************************************************************************/
/* Global - Base																				 */
/*************************************************************************************************/
.wi  {
  background-position:center center;
  background-size:auto 80%;
  background-repeat:no-repeat;
}



/***************************
General
****************************/
.wi.sunrise:before {
 
}

.wi.sunset:before {

}

.wi.wind:before {

}

.wi.humidity:before {

}

.wi.pressure:before {

}

.wi.cloudiness:before {

}

.wi.temperature.metric:after {

}

.wi.temperature.imperial:after {

}

.wi.loading {
	background-image:url(../svg/weather/Thermometer.svg);
	background-size:auto 60%;
}

/***************************
Thunderstorm
****************************/

/* thunderstorm with light rain */
.wi.wi200,.wi.wi201,.wi.wi202,.wi.wi210,.wi.wi211,.wi.wi212,.wi.wi221,.wi.wi230,.wi.wi231,.wi.wi232 {
  background-image:url(../svg/weather/Wind.svg);
}

/***************************
Drizzle
****************************/

/* light intensity drizzle */
.wi.wi300,.wi.wi301,.wi.wi302,.wi.wi310,.wi.wi311,.wi.wi312,.wi.wi313,.wi.wi314,.wi.wi321 {
  background-image:url(../svg/weather/Regen.svg);
}

/***************************
Rain
****************************/

/* light rain */
.wi.wi500,.wi.wi501,.wi.wi502,.wi.wi503,.wi.wi504,.wi.wi511,.wi.wi520,.wi.wi521,.wi.wi522,.wi.wi531 {
  background-image:url(../svg/weather/Regen.svg);
}

/***************************
Snow
****************************/

/* light snow */
.wi.wi600,.wi.wi601,.wi.wi602,.wi.wi611,.wi.wi612,.wi.wi615,.wi.wi616,.wi.wi620,.wi.wi621,.wi.wi622 {
  background-image:url(../svg/weather/Schnee.svg);
}

/***************************
Atmosphere
****************************/

/* mist */
.wi.wi701,.wi.wi711,.wi.wi721,.wi.wi731,.wi.wi741,.wi.wi751,.wi.wi761,.wi.wi762,.wi.wi771,.wi.wi781 {
  background-image:url(../svg/weather/Nebel.svg);
}

/***************************
Clouds
****************************/

/* clear sky */
.wi.wi800 {
  background-image:url(../svg/weather/Sonne.svg);
}

/* few clouds */
.wi.wi801,.wi.wi802,.wi.wi803,.wi.wi804 {
  background-image:url(../svg/weather/Sonne-Wolken.svg);
}

/***************************
Extreme
****************************/

/* tornado */
.wi.wi900,.wi.wi901,.wi.wi902,.wi.wi903 {
  background-image:url(../svg/weather/Wind.svg);
}

/* hot */
.wi.wi904, {
  background-image:url(../svg/weather/Sonne.svg);
}

/* windy */
.wi.wi905, {
  background-image:url(../svg/weather/Wind.svg);
}

/* hail */
.wi.wi906 {
  background-image:url(../svg/weather/Regen.svg);
}

/***************************
Additional
****************************/

/* calm */
.wi.wi951 {
  background-image:url(../svg/weather/Sonne.svg);
}

/* light breeze */
.wi.wi952 {
  background-image:url(../svg/weather/Wind.svg);
}

/* gentle breeze */
.wi.wi953,.wi.wi954,.wi.wi955,.wi.wi956,.wi.wi957,.wi.wi958,.wi.wi959,.wi.wi960.wi.wi961,.wi.wi962:before {
  background-image:url(../svg/weather/Wind.svg);
}