html, body{
    margin:0;
    padding:10;
	background-color: beige;
}

~~~img{
    width:10%;
    margin:10;
    padding:0;
    float:left;
}

ha4gryn4{
	color: red;
  font-size: 16pt;
  font-weight: normal;
  letter-spacing: 2px;
    outline-style: solid;  
    outline-color:grey;    
    outline-width: small;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
padding: 0.3em;
/*text-shadow: -0.1em 0.1em 1px yellow;*/
background-color: #72FF01;

}

h4 {
	color: red;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0,5px;
	font-family: Verdana, Arial, Vegur, sans-serif;
	text-align: center;

}
ha4gryn{
	padding: 0.3em;
	color: green;
  font-size: 18px;
  font-weight: semibold;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
 	letter-spacing: 0.1em;
    outline-style:solid;  
    outline-color:green;    
    outline-width:thin;

}

ha4gryn2{
	color: #ffffff;
  font-size: 16pt;
  font-weight: normal;
  letter-spacing: 2px;
    outline-style: solid;  
    outline-color:yellow;    
    outline-width: middle;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
padding: 0.3em;
/*text-shadow: -0.1em 0.1em 1px yellow;*/
background-color: #83cc14;

}



ha4gryn3{
	color: darkred;
  font-size: 16pt;
  font-weight: normal;
  letter-spacing: 2px;
    outline-style: solid;  
    outline-color:yellow;    
    outline-width: middle;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
padding: 0.3em;
/*text-shadow: -0.1em 0.1em 1px yellow;*/
background-color: #72FF01;

}



ha4gryn4{
	color: #ffffff;
  font-size: 16pt;
  font-weight: normal;
  letter-spacing: 2px;
    outline-style: solid;  
    outline-color:gold;    
    outline-width: thin;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
padding: 0.3em;
/*text-shadow: -0.1em 0.1em 1px yellow;*/
background-color: grey;

}



ha4rot{
	color: red;
  font-size: 14px;
  font-weight: bold;
/*  letter-spacing: 2px;*/
    line-height: 1.1em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
}

ha4rot2{
	color: red;
  font-size: 17px;
  font-weight: normal;
/*  letter-spacing: 2px;*/
    line-height: 1.2em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;

}

ha4b{
	color: red;
  font-size: 17px;
  font-weight: bold;
/*  letter-spacing: 2px;*/
    line-height: 1.5em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
background-color:#52E390;

}

ha4weiss{
	color: #ffff;
  font-size: 15px;
  font-weight: normal;
/*  letter-spacing: 2px;*/
    line-height: 1.0em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;

}

ha4oliv{
	color: gold;
  font-size: 15px;
  font-weight: normal;
/*  letter-spacing: 2px;*/
    line-height: 1.0em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;

}

ha4olivfett{
	color: gold;
  font-size: 15px;
  font-weight: bold;
/*  letter-spacing: 2px;*/
    line-height: 1.0em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;

}

ha4rot3{
	color: red;
  font-size: 17px;
  font-weight: normal;
/*  letter-spacing: 2px;*/
    line-height: 1.2em;
font-family: Verdana, Arial, Vegur, sans-serif;
text-align: left;
vertical-align: -22px; 									/*ergibt VERTIKALEN Abstand zum rechtliegenden Bild!!*/
}


.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}