.page {
    background-color:#394141;
    color: white;
}

.navbar {
    background-color: #3c7272;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbut {
    cursor: pointer;
    color: white !important; /* Might be overwritten by the >>a<< attribute later, so !important */
    padding-bottom: 5px;
    padding-top: 4px;
}

.navbut:hover { /* when the navigation bar is hovered on */
    background-color: #22bdbd;
    box-shadow: #e00a51 0px 3px;
}

a { /*normal links should have contrast to text */
    color: #22bdbd;
    text-decoration: none;
}

a:hover {
    color: white !important;
    text-decoration: none;
}

a:visited {
    color: #22bdbd;
    text-decoration: none;
}


.big {
    font-weight: bold;
}

.par {
    color: white;
    background-color: #1f2525;
    margin: 4%;
    padding: 5%;
    border-radius: 0px 30px 0px 30px;
}

.content {
    margin: 4%;
}

.ostan {
    cursor: pointer;
    margin-top: 4%;
    width: 15%;
    height: auto; 
    float: right;
}

.ostan:hover {
    width: 16%;
    height: auto;
}

ul {
    margin: 2%;
}

.impress {
    font-size: 0.9em;
}

.gdpr {
    font-size: 0.8em;
}

.code {
    margin: 2%;
    background-color: black;
    color: grey;
    width: 100%;
    font-family: monospace;
}