body {

}

.index-picture {
    width: 100%;
    height: 300px;
    min-height: 330px;
    background-size: cover;
    background-position: center;
    padding-top: 1rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
    display:none;
}

@media only screen and (min-width: 1024px) and (min-height: 600px) {
    .index-picture {
        min-height: 340px;
    }
}

@media only screen and (min-width: 1280px) and (min-height: 768px) {
    .index-picture {
        min-height: 350px;
    }
}

@media only screen and (min-width: 1600px) and (min-height: 900px) {
    .index-picture {
        min-height: min(390px, 33vh);
    }
}

@media only screen and (min-width: 1800px) and (min-height: 1000px) {
    .index-picture {
        min-height: min(400px,33vh);
    }
}

.black-shaddow {
    text-shadow: 2px 2px 20px black;
}



@media only screen and (min-width: 720px) {
    :root {
        --rz-sidebar-width: 20rem;
    }
}

@media only screen and (min-width: 850px) {
    :root {
        --rz-sidebar-width: 22rem;
    }
}

@media only screen and (min-width: 1024px) {
    :root {
        --rz-sidebar-width: 23rem;
    }
}

@media only screen and (min-width: 1380px) {
    :root {
        --rz-sidebar-width: 25rem;
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --rz-sidebar-width: 26rem;
    }
}

@media only screen and (min-width: 1900px) {
    :root {
        --rz-sidebar-width: 28rem;
    }
}

.oi-panel-menu-icon {
    margin-inline: 0.32rem 0.74rem !important;
    font-size: 1.22rem !important;
}

.rz-panel-menu .rz-navigation-menu .oi-panel-menu-icon {
    margin-inline: -1rem 0.6rem !important;
    font-size: 0.9rem !important;
}

.detailLabel {
    font-weight:600;
}