/* --- RESPONSIVENESS --- */
.desktop-nav {
    display: flex;
}

.mobile-nav {
    display: none;
}

.content-wrapper {
    padding-top: 80px;
    padding-bottom: 50px;
}

@media(max-width: 900px) {
    .desktop-nav {
        display: none;
    }

    .mobile-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75px;
        background: #0a0a0c;
        border-top: 1px solid #222;
        justify-content: space-around;
        align-items: center;
        z-index: 1001;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .content-wrapper {
        padding-top: 20px;
        padding-bottom: 100px;
    }

    /* Mobile Fixes */
    .profile-container,
    .gm-detail-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .profile-sidebar,
    .gm-sidebar {
        position: static;
        top: auto;
        padding: 20px;
    }

    .profile-main {
        padding: 20px;
    }

    .profile-info-grid {
        grid-template-columns: 1fr;
    }

    .team-card {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    }

    .laby-wrapper {
        height: 300px;
    }

    .gm-sidebar {
        order: -1;
    }

    /* FIX: Zentrieren der "Zurück" Buttons in mobiler Ansicht */
    .back-button-wrapper {
        text-align: center;
        margin-bottom: 20px;
    }

    .back-button-wrapper .nav-btn {
        width: 100%;
        max-width: 200px;
    }
}

@media(min-width: 901px) {
    .back-button-wrapper {
        margin-bottom: 20px;
        text-align: left;
        /* Desktop Standard */
    }
}