*{


    padding: 0px;
    margin: 0px;
   
}






.dropdown{
    
    display: inline-block;
}
.hoch{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    height: 800px;
}


.dropdown button{

background-color: hsla(9, 100%, 64%, 0);
color: blue;
padding: 10px 15px;
padding-left: 0px;
border: none;
font-style: italic;
font-weight: bold;
/* Transparente Farben   
https://w3schoolsua.github.io/html/html_
colors_hsl_de.html#gsc.tab=0 */

}



.dropdown a{
display: block;
color: black;
text-decoration: none;
padding: 10px 15px;
margin-top: 0px;

}

.dropdown .content{
    display: none;
    position: absolute;
    background-color:hsl(120, 50%, 95%);
    min-width: 100px; 
    box-shadow: 2px 2px 5px hsla(0, 0% 0% 0.8);
    margin-top: 0px;
    
}
.dropdown:hover .content{

   display: block; 
   
   
}
.dropdown:hover button{

    background-color:hsla(9, 100%, 64%, 0)


    /* Transparente Farben https://www.farbenundleben.de/
    webdesign/webdesign_RGBa_HSLa_opacity.htm 

 */
   
}


/* hover Effekt

 */

.dropdown a:hover{
    background-color:hsla(120,100%,50%,0.1)
 ;
    
}