main > .header {
    position: fixed;
    width: 100%;
    z-index: 4000;
}

main > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3rem; /* Optional: Abstand innen */

    padding-inline: clamp(1.5rem, 4vw + 1rem, 3rem);

    user-select: none;

    a {
        text-decoration: none;
        color: #eee;
        font-size: 2rem;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;

        transition: all 0.2s ease-in;

        &:hover {
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }

    }

    button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        appearance: none;
        font-size: 2rem;
        font-weight: 700;

        z-index: 9999;


        &:hover {
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
    }
}