@import "/includes/bootstrap5/css/bootstrap.min.css";
@import "/includes/fonts/open-sans-v2/styles.css";
@import "/includes/fontawesome6/css/all.css";
@import "/includes/fonts/raleway/styles.css";


body, html {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	background-image: url(/wetter/bg01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
  background-attachment: fixed;
	
}

h1 {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	color: #0aaf9f;
}

.fs-6 {
	font-size: 0.7rem!important;
}

.container {
  max-width: 1040px!important;
}

.card {
	border: none;
}


#weather span.val {
	font-weight: bold;
}

#weather tbody td {
	text-align: center;
}

#weather tbody td:first-child {
	text-align: left;
	vertical-align: middle;
}

.weather {
	text-align: center;
	float: left;
	width: 33%;
}

.weather p.wdesc, .weather p.wdata {
	margin: 0;
}

.weather p.wdata.first {
	margin: 15px 0 0 0;
}








.rate {
  width: 60px;
  display: inline-block;
}

.centerImg {
	background: url(/wetter/wind.png) no-repeat;
	background-size: auto;
	background-size: 100%;
	width: 180px;
	height: 180px;
}

.powered {
	text-align: center;
}

.value {
	font-size: 2.5rem;
}

.rateval {
	color: #8dac2d;
}



.highcharts-axis-title, .highcharts-axis-labels, .highcharts-yaxis-labels {
color: rgb(255, 255, 255)!important;
fill: rgb(255, 255, 255)!important;
}



@media(max-width:768px) {

	body {
		font-size: 0.9rem;
	}

}