html{
    background-color: #5592cb;
    background-image: linear-gradient(62deg, #5592cb 0%, #5c9abd 100%);
}
header{
    text-align: center;
}
h1{
    display:inline;
    color:black;
    font-size:30px;
    margin: 0px;
    letter-spacing:10px;
    word-spacing:20px;
    
}
h2{
    display:inline;
    color:#555555;
    font-size:25px;
    
}
.Unterueberschrift{
    padding:0px;
    font-size:14px;
    margin-bottom:5px;
    margin-top:0px; 
}
@media screen and (min-width: 992px){
    h3{
        display: inline;
        font-size: 30px;
    }
    h4{
       font-size: 25px; 
    }
    .Unterueberschrift{
    padding:0px;
    font-size:30px;
    margin-bottom:5px;
    margin-top:0px; 
    }
    *{
        font-size:20px;
    }
} 

article{
    margin-top: 0px;
    padding:2vw;
    width:76vw;
    margin:10vw;
    background-color:darkgray;
    box-shadow: 3px 3px 2px grey;
}

/*NAVIGATION*/
.anfangsNavi{
    margin-top: 30px;
    background-color: grey;
    margin-left: 10vw;
    width:80vw;
    margin-right: 10vw;
    margin-bottom: 0px;
}
div a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    padding: 15px;
    display:inline-block;
}
.li1{
    display: inline;
    margin: 0;
    padding: 0;
}
.li1 .li2 {
    display: inline-block;
}
.li1:hover {
    background: grey;
}
.li1 .li2:hover ul {
    display: block;
}
.li1 .li2 .li3 {
    position: absolute;
    width: 200px;
    display: none;
}
.li1 .li2 .li3 .li4 { 
    background: #555; 
    display: block; 
}
.li1 .li2 .li3 .li4 a {
    display:block !important;
} 
.li1 .li2 .li3 .li4:hover {
    background: grey;
}
h4{
    padding:0px;
    margin-bottom:5px;
    margin-top:0px;
}