body{
    background-color: #dcd9de;
    font-family: Arial;
}

#header{
    text-align: center;
    font-size: x-large;
}

#nav{
    background-color: #A1D6E2;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
}

.post{
   background-color:  #ededed;
    padding-left: 5%;
    padding-right: 5%;
}

h2{
   font-size: 35px;

}
#article{}

.title{
    color: #1995AD;
}
#footer{
    text-align: center;
    background-color: #A1D6E2;
    padding-top: 1%;
    padding-bottom: 1%;
}

p{
    line-height: 130%;
}


.dropdown {
    position: relative;
    display: inline-block; /* nicht über die ganze BReite vom Bildschirm  */
}

.dropbtn {
    background-color: #1995AD;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer; /* mauszeiger wird zur Hand mit gestrecktem Finger  */
}

.dropdown-content {
    display: none; /* Liste verschwinden lassen */
    position: absolute; /* Liegt über allem anderen */
    background-color: #f9f9f9;
    min-width: 160px;
    z-index: 1; /* Liegt über allem anderen */
}
/* Für die Elemente in der Liste */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1 /* dünkleres Weiß wenn drüber gehovert */
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #13768a;
}