@font-face {
  font-family: Comfortaa;
  src: url("comfortaa.woff2");
}




*
{
margin: 0 auto;
padding: 0;
border: none;
outline: none;
	font-family: 'Comfortaa', cursive;
}
body 
{
font-size: 17px;
background: #eee;
line-height: 1.3;
}


#header,#footer{
	background:#000055;	
	color:silver;
	text-align:center;
	padding:0px;
}

#footer a{text-decoration:none; color:#ffa500;}
#footer a:hover{text-decoration:none; background:#ffa500;color:#fff;}

#ueberschrift {display:block; font-size:2.5vmax; line-height:0.9; padding:10px;}


#datenschutz, #impressum{

	overflow:auto;
	background:#000055;		
	color:#fff;
	border-radius: 12px;
	border: 1px solid  #550000;
	position:fixed;
	bottom:50px;
	display:none;
	padding:10px;
left:50%;
right:50%;
top:70px;
width:50%;
margin-left:-25%;
height:75%;
z-index:100006;
}



#datenschutz a {color:#ffff22;}


#schliessen{
		position:fixed;
		right:26%;
		top:80px;;
		z-index:100007;
		cursor:pointer;
		font-size:40px;
}


@media (max-width: 1000px)
{
#datenschutz, #impressum{width:75%;margin-left:-37.5%;}
#schliessen{right:13.5%;}
}


@media (max-width: 500px)
{
#datenschutz, #impressum{width:90%;margin-left:-50%;}
#luftfeuchte, #temperatur{margin:10px 0 10px 0;}
}

#finster{
	position:fixed;
	left:0px; top:0px;
	right:0px; bottom:0px;
	z-index:100005;
	background:rgba(255, 255, 255, 0.85);
	visibility:hidden;
}


#diagramm {background:#000055; }

#temp {font-size:70px; color:#000077;}
#tiefstwert{display:block; font-size:14px; color:lightblue;}
#hoechstwert{display:block; font-size:14px; color:orange;}
#copy{font-size:13px; color:#eee; display:block;}
#pfeil {fill:orange;
 -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#pfeilvor {fill:orange;}

    #pfeil:hover, #pfeilvor:hover  {
        fill: #fff;
        opacity: 1;
		cursor:pointer;
    }
	
	#reload {fill:orange;}
	#reload:hover {
		 fill: #fff;
        opacity: 1;
		cursor:pointer;
	}
	
	
	
#luftfeuchte, #temperatur{

	background:#000055; display:inline-block;  margin:4px;
	width:340px; color:#ffff00; font-size:20px; border-radius: 25px;
	
}

#uebersicht{ display:block; }
#content {
margin: 0px auto;
text-align:center;
display:block;
	padding:10px;

}