body#wetter 
  { font-family: Arial, Helvetica, sans-serif; margin-left: 20px;
    background-color: #eee; color: #333;
    /*background-image: url(img?name=bg);  background-attachment: fixed;*/
    }

h2, #hv {   margin-top: 2em; color: rgb(40,120,160);}

ul  {  list-style-type: square;}
img.wimg {  margin-right: 10px; margin-bottom: 10px;}

table { background-color: #ddddf1; }
table.temps { border-collapse: collapse; border: 4px ridge rgb(40,120,160); }
table.temps td, table.temps th { border: 2px ridge rgb(40,120,160); padding: 5px; }
.temp { font-weight: bold; font-size: 150%; color: blue;}
.daemoncopy { font-size: 70%; }
.diagramm {border: 5px ridge rgb(40,120,160); padding: 20px; background-color: #ddddf1;}


.gframe  {width: 98%; min-height: 200px; border: none;}
#gframe1 {height: 1500px}
#gframe2 {height: 1300px}

.page-dashboard, .main-view {background-color: #0000 !important; } 
.panel-container {background-color: #ddddf1 !important; border: 4px ridge rgb(40,120,160);} 



@media (prefers-color-scheme: dark) {
	body#wetter {
		background-color: #555;
		color: #ccc;
	}
  h2, #hv {   color: rgb(60,140,200);}
  table { color: #333; }  
}