/* Platz für den zusätzlichen Reiter; alle übrigen Seitenstile bleiben bestehen. */
@media (min-width: 1281px) and (max-width: 1440px) {
    .nav-links { gap: 1.5rem; }
    .header-left { gap: 2rem; }
}
@media (max-width: 1280px) {
    .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 380px;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        background: rgba(10, 14, 26, 0.98);
        backdrop-filter: blur(30px);
        flex-direction: column;
        align-items: flex-start;
        padding: 8vh 2rem;
        gap: 2.5rem;
        transition: right 0.4s;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6);
    }
    .nav-links.active { right: 0; }
    .nav-links a { font-size: 1.3rem; }
    .menu-btn { display: flex; position: relative; z-index: 1; }
}