/* CSS für den Seitenbereich (Sidebar) */

/* Dashboard-Titel, Hauptüberschrift im Sidebar-Bereich */
.dashboard-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 70px;
    color: #F2F4FF;
    text-align: center;
    margin-bottom: 30px;
}

/* Dashboard-Untertitel, sekundäre Überschrift im Sidebar-Bereich */
.dashboard-subtitle {
    font-family: 'Cinzel', serif;
    font-size: 50px;
    color: #F2F4FF;
    text-align: center;
    margin-bottom: 20px;
}

/* Sidebar, Container für Navigation und Inhalte */
.sidebar {
    width: 440px;
    padding: 20px;
    background-color: rgba(30, 30, 47, 0.9);
    /* Dunkler Hintergrund mit Transparenz */
    border-radius: 45px;
}

/* Menü-Liste, Navigationselemente ohne Standard-Punkte, zentriert */
.menu-list {
    list-style: none;
    padding: 0;
    text-align: center;
}

/* Responsive Anpassung für kleinere Bildschirme */
@media (max-width: 850px) {

    /* Sidebar nimmt volle Breite ein, Abstand nach oben */
    aside.sidebar {
        width: 100%;
        margin-top: 20px;
    }

    /* Dashboard-Titel, kleinere Schriftgröße und Abstand */
    .dashboard-title {
        font-size: 40px;
        margin-bottom: 15px;
    }

    /* Dashboard-Untertitel, kleinere Schriftgröße und Abstand */
    .dashboard-subtitle {
        font-size: 30px;
        margin-bottom: 10px;
    }
}