body{
    margin: 0;          /*damit der Rand außen weg ist, stört für navigationBar*/
}
#navigationBar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: #33323b;
}
.navigation{
    float: left;        /*damit die Elemente links liegen*/
    border-right: 1px solid #bbb;
}
#loginNav{
    float: right;
    border-right: none;
    border-left: 1px solid #bbb;
}
.navigation a{
    display: block;      /*makes every point to a block*/
    text-align: center;
    font-size: 1.3vw;
    text-decoration: none;
    color: white;       /* color alleine ist die Text Farbe */
    padding: 1.3vw 4vw ;    /* top bottom, left right   when 4 properties: top right bottom left*/
}
.navigation:hover a{
    background-color: #68f7e6;
    color: #33323b;
}
.active-link {
    background-color: #09868b;
}