.bgblank      {	font-family: VERDANA, Helvetica; background-color:var(--hg-text); }
.bglight      { background-color:#ecd6fd; }
.bgdark       { font-family: VERDANA, Helvetica; color:var(--hg-text); font-size: 12px;
							 background-color:#d4a6fa; width:150px}

.Info         {font-family: VERDANA, Helvetica; color:#000000; font-size: 12px;
              background-color:#ffffff;
              text-align:left;
              }
.Extra         {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 14px;
              background-color:var(--hg-text);  font-weight:bold;
              text-align:center;
              }

.foot         {font-family: VERDANA, Helvetica; color:var(--text); font-size: 10px;
              background-color:var(--hg-text);}
.head         {font-family: VERDANA, Helvetica; color:var(--text); font-size: 24px; width: 100%;
              font-weight:bold; background-color:var(--hg-light); float: left; text-align: center; 
              vertical-align: middle;
              overflow-y: visible;}
.phead        {
  height: 60px;
  position: static;
  margin:   0 0 0 100px;
  padding: 10px;
  text-align: center;
  vertical-align: center;
  font-family: VERDANA, Helvetica; 
  color:var(--hg-dark); 
  font-size: 1em;
  font-weight:bold; 
}



.updown       {text-decoration:none; font-size:10pt; color:#ffffff ; font-weight:bold;}

.updown2      {text-decoration:none; font-size:24pt; color:var(--hg-dark); font-weight:bold;
              text-align:right;}

H1 {font-family: VERDANA, Helvetica; color:var(--hg-light); font-size: 20px; text-align:center;background-color: var(--hg-dark);}
H2 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 24px; text-align:center}
H3 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 16px; text-align:center} /*Headlines*/
H4 {font-family: VERDANA, Helvetica; color:var(--hg-light); font-size: 1.2em; text-align:center;background-color: var(--hg-dark);}
H5 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 1em; text-align:center;margin:0; padding:5px}

HR {border: 1px solid var(--hg-light);}

/*body, textarea {
  scrollbar-base-color:#8C8CC6;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:var(--hg-dark);
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#ecd6fd;
  scrollbar-highlight-color:#FFF6FF;
  scrollbar-shadow-color:var(--hg-dark);
  scrollbar-track-color:#FFF6FF;
}
*/
.flex{
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.heute{
  width: 100%;
}
.anschrift{
  width: 100%;
}
.kal{
  width: 48%; 
  float: left; 
  min-height: 100px; 
  padding:5px;
  background-color: var(--hg-light);
  border-radius: 5px;
  margin:5px;
  list-style-image:url(../Pics/PointRed12.gif);

}
.spalteL{
  float: left;
  width: 48%;
  padding: 5px;
}
.spalteR{
  float: right;
  width: 48%;
  padding: 5px;
}
.UL {
	list-style-image:url(../../Pics/PointRed12.gif);

}
/*================================================================================*/
@media only screen and (max-width: 800px) { 
H2 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 12px; text-align:center}
H3 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 16px; text-align:center} /*Headlines*/
H4 {font-family: VERDANA, Helvetica; color:var(--hg-light); font-size: 1.1em; text-align:center;}
H5 {font-family: VERDANA, Helvetica; color:var(--hg-dark); font-size: 0.8em; text-align:center}

.head         {
  font-size: 1.5em; 
  }
  .phead        {
    font-size: 1.0em;
  }
  
.heute{
    width: 40%;
    float: left;
}
.anschrift{
    width: 50%;
    float: right;
}
.kal{
  width: 100%; 
  float: left;
}
.spalteL{
  width: 100%;
}
.spalteR{
  width: 100%;
}

  }