#logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

#main_navigation {
    display: flex;            /* Container wird Flexbox */
    align-items: center;
    justify-content: center;
    gap: 40px;                /* Abstand zwischen den Links */
}

#main_navigation a {
    text-decoration: none !important;
    color: #eee;
    cursor: pointer;
    transition: color 0.3s;
    font-size: 2rem;
}

#main_navigation a:hover {
    text-decoration: underline;  /* nur beim Überfahren */
    color: #fff;
}