/* --- Stylesheet 2116 () --------- */ 

/* Änderungen auch in der App */

.weathercircle {
	background-color: #fff;
	width: 54px;
	height: 54px;
	border-radius: 26px;
	box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.3);
	overflow: hidden;
	color: #666;
	font-family: "Ubuntu", Arial;
	font-size: 11px;
	line-height: 11px;
	font-weight: 600;
	text-align: center;
}

.weathercircle.night {
	background-color: #888888;
	color: #fff;
}

.weathercircle .icon {
	width: 32px;
	height: 32px;
	margin: 5px 11px 0px 11px;
	background-position: 0px 32px;
	background-image: url(https://tramino.s3.amazonaws.com/s/alpininfo/647983/wettericons3.jpg);
}

.weathercircle .value {
	margin: -1px 0px 0px 1px;
}





/* --- Stylesheet 2117 () --------- */ 

.weathercircle .icon.s1  { background-position: 0px 0px; }
.weathercircle .icon.s2  { background-position: 0px -32px; }
.weathercircle .icon.s3  { background-position: 0px -64px; }
.weathercircle .icon.s4  { background-position: 0px -96px; }
.weathercircle .icon.s5  { background-position: 0px -128px; }
.weathercircle .icon.s6  { background-position: 0px -160px; }
.weathercircle .icon.s7  { background-position: 0px -192px; }
.weathercircle .icon.s8  { background-position: 0px -224px; }
.weathercircle .icon.s9  { background-position: 0px -256px; }
.weathercircle .icon.s10 { background-position: 0px -288px; }
.weathercircle .icon.s11 { background-position: 0px -320px; }
.weathercircle .icon.s12 { background-position: 0px -352px; }
.weathercircle .icon.s13 { background-position: 0px -384px; }
.weathercircle .icon.s14 { background-position: 0px -416px; }
.weathercircle .icon.s15 { background-position: 0px -448px; }
.weathercircle .icon.s16 { background-position: 0px -480px; }
.weathercircle .icon.s17 { background-position: 0px -512px; }
.weathercircle .icon.s18 { background-position: 0px -544px; }
.weathercircle .icon.s19 { background-position: 0px -576px; }
.weathercircle .icon.s20 { background-position: 0px -608px; }
.weathercircle .icon.s21 { background-position: 0px -640px; }
.weathercircle .icon.s22 { background-position: 0px -672px; }
.weathercircle .icon.s23 { background-position: 0px -704px; }
.weathercircle .icon.s24 { background-position: 0px -736px; }
.weathercircle .icon.s25 { background-position: 0px -768px; }
.weathercircle .icon.s26 { background-position: 0px -800px; }
.weathercircle .icon.s27 { background-position: 0px -832px; }
.weathercircle .icon.s28 { background-position: 0px -864px; }
.weathercircle .icon.s29 { background-position: 0px -896px; }
.weathercircle .icon.s30 { background-position: 0px -928px; }
.weathercircle .icon.s31 { background-position: 0px -960px; }
.weathercircle .icon.s32 { background-position: 0px -992px; }
.weathercircle .icon.s33 { background-position: 0px -1024px; }
.weathercircle .icon.s34 { background-position: 0px -1056px; }
.weathercircle .icon.s35 { background-position: 0px -1088px; }

/* --- Stylesheet 2118 () --------- */ 

.weathercircle.night .icon.s1  { background-position: -32px 0px; }
.weathercircle.night .icon.s2  { background-position: -32px -32px; }
.weathercircle.night .icon.s3  { background-position: -32px -64px; }
.weathercircle.night .icon.s4  { background-position: -32px -96px; }
.weathercircle.night .icon.s5  { background-position: -32px -128px; }
.weathercircle.night .icon.s6  { background-position: -32px -160px; }
.weathercircle.night .icon.s7  { background-position: -32px -192px; }
.weathercircle.night .icon.s8  { background-position: -32px -224px; }
.weathercircle.night .icon.s9  { background-position: -32px -256px; }
.weathercircle.night .icon.s10 { background-position: -32px -288px; }
.weathercircle.night .icon.s11 { background-position: -32px -320px; }
.weathercircle.night .icon.s12 { background-position: -32px -352px; }
.weathercircle.night .icon.s13 { background-position: -32px -384px; }
.weathercircle.night .icon.s14 { background-position: -32px -416px; }
.weathercircle.night .icon.s15 { background-position: -32px -448px; }
.weathercircle.night .icon.s16 { background-position: -32px -480px; }
.weathercircle.night .icon.s17 { background-position: -32px -512px; }
.weathercircle.night .icon.s18 { background-position: -32px -544px; }
.weathercircle.night .icon.s19 { background-position: -32px -576px; }
.weathercircle.night .icon.s20 { background-position: -32px -608px; }
.weathercircle.night .icon.s21 { background-position: -32px -640px; }
.weathercircle.night .icon.s22 { background-position: -32px -672px; }
.weathercircle.night .icon.s23 { background-position: -32px -704px; }
.weathercircle.night .icon.s24 { background-position: -32px -736px; }
.weathercircle.night .icon.s25 { background-position: -32px -768px; }
.weathercircle.night .icon.s26 { background-position: -32px -800px; }
.weathercircle.night .icon.s27 { background-position: -32px -832px; }
.weathercircle.night .icon.s28 { background-position: -32px -864px; }
.weathercircle.night .icon.s29 { background-position: -32px -896px; }
.weathercircle.night .icon.s30 { background-position: -32px -928px; }
.weathercircle.night .icon.s31 { background-position: -32px -960px; }
.weathercircle.night .icon.s32 { background-position: -32px -992px; }
.weathercircle.night .icon.s33 { background-position: -32px -1024px; }
.weathercircle.night .icon.s34 { background-position: -32px -1056px; }
.weathercircle.night .icon.s35 { background-position: -32px -1088px; }