@media (prefers-color-scheme: dark) {
a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #666666;
text-decoration: none;
} 
a.hilfe {
color: #008800;
text-decoration: none;
}
a.hilfe:hover {
color: #006600;
text-decoration: none;
}
a.linme {
	color: #191919;

text-decoration: none;
}
a.linme:hover {
color: #515151;
font-weight: bold;
text-decoration: none;
}  
.fc90 {
color: #F0F0F0;
}
.fc80 {
color: #CCCCCC;
}
.fc70 {
color: #B3B3B3;
}
.bl {
color: #000000;
}
.mo {
color: #E6E6E6;
}
.zoom:hover {
scale: 2;
}
.obenmo {
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #000022;
box-shadow: -1px -1px #CCCCCC;
}
.oben1 {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #CECECE;
box-shadow: -1px -1px #CCCCCC;
margin-bottom: 5px;
margin-top: 5px;
color: #141414;
width: 590px;
margin-right: auto;
margin-left: auto;
}
#curob {
padding: 10px;
}
#tagmen {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #C4C4C4;
box-shadow: -1px -1px #CCCCCC;
margin-bottom: 5px;
margin-top: 5px;
color: #141414;	
}
#ronny {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #D9D9D9;
box-shadow: -1px -1px #CCCCCC;
margin-bottom: 5px;
margin-top: 5px;
color: #000000;
}
.datme {
width: 50%;
  padding-left: 5px;
  text-align: left;
}
.crame {
width: 50%;
  padding-right: 5px;
  text-align: right;
}
.wotagm {
display: inline-flex;
width: 100%;
cursor: pointer;
}
.wotagm1 {
display: inline-flex;
width: 100%;
}
.icome {
padding-right: 5px;
}
.farme {
display: inline-flex;
width: 25px;
height: 10px;
padding-right: 5px;
padding-top: 7px;
}
.svg {
width: 100%;
height: 160px;
border: 1px inset #BFBFBF;
border-radius: 10px;
box-shadow: -1px -1px #CCCCCC;
background-color: #C4C4C4;
}
.min {
width: 100%;
height: 160px;
font-size: 80%;
fill: #000000;
}
.minm {
width: 100%;
height: 160px;
font-size: 80%;
fill: #000000;
border: 1px solid #BFBFBF;
}
.svgh {
width: 44px;
height: 120px;
background-color: #C4C4C4;
}
.minh {
width: 44px;
height: 120px;
font-size: 80%;
fill: #000000;
}
.alert {
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #C4C4C4;
box-shadow: -1px -1px #CCCCCC;
line-height: 25px;
margin-top: 4px;
margin-bottom: 6px;
padding-top: 6px;
padding-bottom: 4px;
cursor: pointer;
padding: 5px;
color: #191919;
}
.grau {
background-color: #B3B3B3;
}
.hgrau {
background-color: #BFBFBF;
}
.wei {
background-color: #FFFFFF;
}
.sel {
border: 1px solid #A8A8A8;
color: #5b5b5b;
background-color: #CCCCCC;
}
.sel:hover {
border: 1px solid #A8A8A8;
color: #A6A6A6;
background-color: #B3B3B3;
}
.nosel {
background-color: #DCDCDC;
color: #A6A6A6;
border: 1px solid #B8B8B8;
}
.stue {
width: 100%;
border: 1px inset #BFBFBF;
border-radius: 10px;
box-shadow: -1px -1px #CCCCCC;
background-color: #C4C4C4;
}
.stuer {
width: 100%;
border: 1px inset #BFBFBF;
border-radius: 10px;
box-shadow: -1px -1px #CCCCCC;
background-color: #C4C4C4;
}
#wetter {
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
#wetterin {
display: inline-flex;
height: 220px;
padding-bottom: 10px;
}
.xtag {
display: inline-flex;
scroll-snap-align: start;
}

#wetterr {
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
#wetterinr {
display: inline-flex;
height: 220px;
padding-bottom: 10px;
}
.xtagr {
display: inline-flex;
scroll-snap-align: start;
}

.boli {
border-left: 1px solid #BFBFBF;
}
.bobo {
border-bottom: 1px solid #BFBFBF; 
vertical-align: middle;
line-height: 25px;
}
.tagein {
width: 100%;
border-bottom: 1px solid #BFBFBF;
display: inline-flex;
}
.alhe {
color: #FF0000;
text-shadow: 0 0 15px #FFFFFF, 0 0 15px #FFFF00;
font-weight: bold;
}
.hline {
stroke: #E6E6E6;
stroke-width: 2px;
}
.hlines {
stroke: #737373;
stroke-width: 1px;
stroke-dasharray: 2,2;
opacity: 0.8;
}
.hlinesn {
stroke: #000000;
stroke-width: 1px;
stroke-dasharray: 2,2;
}
.vline {
stroke:#CCCCCC;
stroke-width:1px;
}
.du {
stroke:#000000;
stroke-width:1px;
}
.pline {
stroke:#999999;
stroke-width:1px;
fill: url(#MyG);
opacity: 0.5;
}
.tline {
stroke: #FF4B00;
stroke-width:3px;
}
.wline {
stroke: #1AA300;
stroke-width:2px;
}
.woline {
stroke: #0021B8;
stroke-width:2px;
}
.uvline {
stroke: #B88300;
stroke-width:2px;
}
.wsline {
stroke: #127300;
stroke-width:2px;
}
.rline {
stroke:#28B8FE;
stroke-width:40px;
opacity: 0.4;
}

.atl {
stroke: #B33400;
stroke-width:3px;
}
.awl {
stroke: #127300;
stroke-width:2px;
}
.awsl {
stroke: #0C4C00;
stroke-width:2px;
}
.awol {
stroke: #001785;
stroke-width:2px;
}
.arlm {
stroke:#229DD9;
stroke-width:40px;
opacity: 0.4;
}
#menr {
background-image: url(/wetter/img/men.png);
float: right;
width: 30px;
margin-right: 10px;
cursor: pointer;
}
.xbeschli {
padding-top: 4px;
padding-left: 4px;
text-align: left;
width: 50%;
}
.xbeschre {
padding-top: 4px;
padding-right: 4px;
text-align: right;
width: 50%;
}
.xbeschmi {
padding-top: 4px;
text-align: center;
width: 100%;
}
.bobod {
display: flex;
border-radius: 5px;
}
.moob {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.moun {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#legbutc {
margin-top: 2px;
margin-left: 4px;
margin-right: 4px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutc:hover {
background-color: #E6E6E6;	
color: #5b5b5b;
}
#albc {
margin-top: 2px;
margin-left: 4px;
margin-right: 4px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#albc:hover {
background-color: #E6E6E6;	
color: #5b5b5b;
}
#legbutw {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutw:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#albw {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#albw:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#legbutws {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutws:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#albws {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#albws:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#legbutuv {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutuv:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#legbutwo {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutwo:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#albwo {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#albwo:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#legbutr {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutr:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#legbutrm {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#legbutrm:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#albrm {
margin-top: 2px;
border-radius: 10px;
height: 28px;
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#albrm:hover {
background-color: #E6E6E6;
color: #5b5b5b;
}
#foot {
width: 100%;
}
#footin {
width: 100%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
#foot1 {
width: 100%;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #FAFAFA;
margin-bottom: 5px;
height: 45px;

}
#footin1 {
width: 100%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.tag {
scroll-snap-align: start;
}
#f2i {
display: inline-flex;
}
#f2i1 {
display: inline-flex;
}
#w2i {
width: 100%;
display: inline-flex;
}

.block {
display: block;
}
.suort {
text-align: left;
}
.daarch {
color: #B30000;
}











}