@media (max-width: 1340px) {
    #desktopNav {
        display: none;
    }

    #mobileNav {
        display: block;
    }

    #hamburgerMenue {
        display: block;
    }

    section{
        padding: 3rem 0;
    }
}

@media (max-width: 768px) {
    #logo {
        gap: 1rem;
    }

    #logo a {
        font-size: 1.5rem;
    }

    #logo svg {
        width: 24px;
    }

    .mobileNav ul li {
        padding-left: 2rem;
    }
}

@media (max-width: 480px) {
    #logo {
        gap: 0.5rem;
    }

    #logo a {
        font-size: 1.2rem;
    }

    #logo svg {
        width: 20px;
    }
    .mobileNav{
        margin-top: 94px;
    }
    .mobileNav ul li {
        padding-left: 1.5rem;
    }
}