body{
    background-color: lightgrey;
}

header{
    margin: 16px;
    height: 10vh;
}

header h1{
    margin: auto;
}

ul{
    width: 80vw;
    height: 100vh;
    margin: auto;
    list-style: none;
}

li{
    height: 16%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 8px 0px 8px 0px;
    border: 1px solid black;
}

ul li:nth-child(3), ul li:nth-child(4){
    height: 34%;
}

li h2, div a span{
    background-color: pink;
    width: fit-content;
}

a, div a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: black;
}

ul li:first-child{
    background-image: url(../images/horizontalmenu_1.png);
}

ul li:nth-child(2){
    background-image: url(../images/horizontalmenu_2.png);
}

ul li:nth-child(3){
    background-image: url(../images/sitemap_5.png);
}

ul li:nth-child(4){
    background-image: url(../images/sitemap_6.png);
}

ul div{
    display: flex;
    width: 100%;
    height: 800px;
    justify-content: space-around;
}

ul div li:nth-child(1){
    background-image: url(../images/verticalmenu_3.png);
    background-size: cover;
    height: 100%;
    width: 34%;
}

ul div li:nth-child(2){
    background-image: url(../images/verticalmenu_4.jpg);
    background-size: cover;
    height: 100%;
    width: 34%;
}