.colore1 {
    color: #0E3965;
}

@media (max-width: 767px) {
    #MainContent_divBackground { /* Controlla l'ID generato da ASP.NET */
        aspect-ratio: 16 / 9 !important; /* Lo rendi un po' più alto su mobile */
    }
}

/* Aggiungi questo dentro i tuoi tag <style> */
section.bg-light.border-bottom:first-of-type {
    margin-top: 100px; /* Regola questo valore in base all'altezza del tuo menu */
}

/* Se il menu è molto alto su mobile, puoi fare un tweak */
@media (max-width: 991px) {
    section.bg-light.border-bottom:first-of-type {
        margin-top: 70px;
    }
}

/* Classe per forzare il formato 16/9 sulle immagini dei documenti */
.img-documento-169 {
    width: 100%; /* Occupa tutta la larghezza del box */
    height: 180px; /* Altezza fissa per schermi grandi, si adatterà */
    object-fit: cover; /* Ritaglia l'immagine per riempire lo spazio senza distorcerla */
    object-position: center; /* Centra l'immagine nel ritaglio */
}

/* Media query per dispositivi mobile per adattare l'altezza se necessario */
@media (max-width: 767px) {
    .img-documento-169 {
        height: 250px; /* Altezza maggiore su mobile dove le slide sono singole o doppie */
    }
}

@media (max-width: 575px) {
    .img-documento-169 {
        height: auto; /* Lascia l'altezza automatica per mobile stretti */
        aspect-ratio: 16 / 9; /* Forza il rapporto d'aspetto se il browser lo supporta */
    }
}

header {
    position: relative; /* o fixed se vuoi che rimanga fermo in alto */
    z-index: 9999 !important; /* Valore molto alto per stare sopra la sidebar */
}

nav.navbar {
    z-index: 9999 !important;
    background-color: #fff; /* Assicura che sia coprente */
}