.nav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.85em;
    font-family: 'Merriweather', serif;
}

.nav li {
    display: inline;
}

.nav a {
    display: inline-block;
    padding: 10px 10px;
    text-decoration: none;
    color: black;
    margin-right: 10px;
}

.impressum a {
    display: inline-block;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-size: 14px;
}

.nav li a:hover {
    transition-duration: 0.5s;
    border-radius: 4px;
    background: #F6EAD5;
    box-shadow:  8px 8px 14px #cacaca,
    -8px -8px 14px #f6f6f6;
}

.nav .active {
    border-radius: 4px;
    background: #F6EAD5;
    box-shadow:  8px 8px 14px #cacaca,
    -8px -8px 14px #f6f6f6;
}