/**********************************************************************************/
/* (c) IP Management GmbH 2021-2024
/* ISOMETRIC IMAGES V1
/**********************************************************************************/

:root {

    --isoHeightMobile: 40px!important;
    --isoWidthMobile: 40px!important;

    --isoHeightPortrait: 50px!important;
    --isoWidthPortrait: 50px!important;

    --isoHeightLandscape: 50px!important;
    --isoWidthLandscape: 50px!important;

    --isoHeightDesktop: 60px!important;
    --isoWidthDesktop: 60px!important;

}

/**********************************************************************************/
/* ISO-001                                                                        */
/**********************************************************************************/

.iso-001 {

    background-size: cover!important;
    background-repeat: no-repeat!important;

}

@media (max-width: 767px) {

    .iso-001 {

        height: var(--isoHeightMobile)!important;
        width: var(--isoWidthMobile)!important;

    }

}
@media (min-width: 768px) and (max-width: 1023px) {

    .iso-001 {

        height: var(--isoHeightPortrait)!important;
        width: var(--isoWidthPortrait)!important;

    }

}
@media (min-width: 1024px) and (max-width: 1199px) {

    .iso-001 {

        height: var(--isoHeightLandscape)!important;
        width: var(--isoWidthLandscape)!important;

    }

}
@media (min-width: 1200px) {

    .iso-001 {

        height: var(--isoHeightDesktop)!important;
        width: var(--isoWidthDesktop)!important;

    }

}
@media (prefers-color-scheme: light) {

    .iso-001 {

        background-image: url("./img/iso/iso001b.png") !important;

    }
}
@media (prefers-color-scheme: dark) {

    .iso-001 {

        background-image: url("./img/iso/iso001w.png") !important;

    }
}


/**********************************************************************************/
/* Standard Declarations                                                          */
/**********************************************************************************/

@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 1023px) {}
@media (min-width: 1024px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media (prefers-color-scheme: light) {}
@media (prefers-color-scheme: dark) {}