h1, a	{
	color:#df0000;
	font-weight: bold;
	
	}

body{
	font-family:Arial, Tahoma,sans-serif;
	color:#000000;
	

	}
	
	
.bg_red {
	background-color:#df0000;
	
		}


a:link, a:visited {text-decoration: none;}

a:hover {text-decoration: underline;} 

a:active, a:focus {background-color:yellow;)}

h2 {text-shadow: 10px 11px 5px red;}


#rundung {
			background-color:#CCCCCC;
			height: 15em;
			width: 20em;
			border-radius: 30px;
			padding: 10px;
			padding: 10px;
			text-align:center;
			}


#rundung_bild {
			border-radius: 30px;
			
			}
			

img {   
border: 5px solid #df0000;  
padding: 10px;
}


li {color:black;
font-weight: bold;
text-shadow: 1px 4px 2px gray;}


.css-herz {
  display: inline-block;
  width: 122px;
  height: 122px;
  /*  border: 1px solid silver;*/

  position: relative;

  margin-top: 50px;
  margin-left: 50px;

  color: white;
  font-size: 2em;
}

.css-herz:before, 
.css-herz:after {
  content: "";  /* ohne Inhalt */
  background-color: red;
  width: 80px;
  height: 120px;
  position: absolute;
    
  text-align: center;

  border-radius: 40px 40px 0 0;
  
  transform-origin: 0 100%; 
  transform: rotate(-45deg);  
}
    
.css-herz:before {
  left: 80px;
}    

.css-herz:after {
  content: "";  /* ohne Inhalt */
  /*  background-color: hsla(0, 50%, 80%, .6);*/
  transform: rotate(45deg);    
  transform-origin: 100% 100%;
    
border-radius: 60px 40px 0 0;   }
  
  
  
    
.schattenmitfarbverlauf:before {
    content: "";
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */  
    background: linear-gradient(100deg,white,white,#df0000,
       green, blue, indigo, violet);
    z-index: -1;
    width: calc(100% + 4px);
    height: calc(100% + 4px);  
    top: -2px;
    left: -2px;
    background-size: 500%;
    animation: wandernderFarbverlauf 30s linear infinite;
}