@charset "UTF-8";
/* CSS Document */



/* --------------------------- ... - 700px  --------------------------- */
@media screen and (max-width: 700px) {
    html{
        font-size: 12px !important;
    }
    /*h3{
        color: red !important;
    }*/
    div.chartContainer{/*home*/
        padding-left: 2rem !important;
    }
     .orangeButton{
        width: 25px;
    }
    .eye-btn{
        width: 35px  !important;
    }
}


/* --------------------------- 700px - 1000px  --------------------------- */
@media  screen and (min-width: 700px){
    html{
        font-size: 18px !important;
    }
     /*h3{
        color: green !important;
    }*/
    .orangeButton{
        width: 35px;
    }
    .eye-btn{
        width: 45px  !important;
    }
    /* .navContainerTopRight { 
        width: 30px;
    }
    h1.display-3{
        font-size: 2rem;
    }
    h2.display-5{
        font-size: 1.0rem;
        float: left;
    } */
}


/* iPad 9,7 Zoll*/
/* --------------------------- 1000px - 1100px  --------------------------- */
@media only screen and (min-width: 1000px){
    html{
        font-size: 20px !important;
    }
     /*h3{
        color: blue !important;
    }*/
    .orangeButton{
        width: 40px;
    }
     .eye-btn{
        width: 65px  !important;
    }
    /* .navContainerTopRight {
        width: 10px;
    }
     h1.display-3{
        font-size: 5rem;
    }
    h2.display-5{
        font-size: 3.5rem;
        float: left;
    } */
}


/* iPad Pro 10,5 Zoll*/
/* --------------------------- 1100px - 1300px  --------------------------- */
@media only screen and (min-width: 1100px) {
    html{
        font-size: 24px !important;
    }
    /*h3{
        color: pink !important;
    }*/
    .orangeButton{
        width: 40px;
    }
    .eye-btn{
        width: 75px !important;
    }
    /* .navContainerTopRight {
        width: 50px;
    }
    h1.display-3{
        font-size: 5rem;
    }
    h2.display-5{
        font-size: 3.5rem;
        float: left;
    } */
}


/* iPad Pro 12 Zoll*/
/* --------------------------- 1300px - ...  --------------------------- */
@media only screen and (min-width: 1300px) {
    html{
        font-size: 28px !important;
    }
    /*h3{
        color: goldenrod !important;
    }*/
    .orangeButton{
        width: 50px;
    }
    .eye-btn{
        width: 85px !important;
    }
    /* .navContainerTopRight {
        width: 50px;
    }
     h1.display-3{
        font-size: 5rem;
    }
    h2.display-5{
        font-size: 3.5rem;
        float: left;
    } */
}