html{
    height: 100%;
    line-height: 1.5;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 10px;
}
a{
    text-decoration: none;;
    color: #000;
}
img{
    display: block;
}
#footer{
    padding-bottom: 40px;
}
#footer .footer-nav ul{
    margin-top: 80px;
}

#header nav, 
#footer .footer-nav{
    margin: 0 auto;
}
#header nav ul, 
#footer .footer-nav ul{
    display: flex;
    justify-content: center;
    list-style: none;
    text-align: center;
}
#header nav ul li, 
#footer .footer-nav ul li{
    padding: 0 34px;
}
#logo{
    width: 100%;
}
#logo img{
    width: 100%;
    height: auto;
    display: block;
}
.visual img{
    width: 100%;
    box-sizing: border-box;
    display: block;
}
.imprint .visual, 
.data-policy .visual{
    display: none;
}

.imprint #logo img, 
.data-policy #logo img{
    width: 250px;
    height: auto;
    padding-bottom: 80px;
    margin: 0 auto;
}

#logo,
#main{
    padding: 0 20%;
    box-sizing: border-box;
}
#logo{
    position: relative;
    top: 2.5em;
}
.content{
    text-align: center;
}
.imprint .content, 
.data-policy .content{
    text-align: left;
    letter-spacing: initial;
    text-transform: initial;
}
.content p, 
.content h1, 
.content ul{
    width: 70%;
    margin: 20px auto 40px;
}

.imprint .content p, 
.data-policy .content p, 
.imprint .content h1, 
.data-policy .content h1{
    margin: 0 auto 10px auto;
    width: 100%;
}
.imprint .content ul, 
.data-policy .content ul{
    padding: 0;
    margin: 0 0 40px 0;
}

.imprint .content ul:last-child, 
.data-policy .content ul:last-child{
    margin-bottom: 0;
}
.imprint ul, 
.data-policy ul{
    list-style: none;
}