@media (min-width: 0) and (max-width: 768px), (pointer:coarse) {

    :root{
        --font-size_a: 4vw  !important;
        --font-size_a_hover: 5vw  !important;
        --font-size_navtopright: 6vw  !important; 
        --font-size_navtopright_hover: 7vw  !important;
    }

    body .desc_s,
    body .div_desc_m{
        font-size:2.5vw;
    }

    body #a_m1,
    body #a_m2,
    body #a_m3,
    body #a_m4,
    body #a_m5,
    body #a_m6,
    body h1,
    body .h_left,
    body .h_center,
    body .h_right{
        font-size:var(--font-size_a);
    }

    body #a_m1:hover,
    body #a_m1:active,
    body #a_m2:hover,
    body #a_m2:active,
    body #a_m3:hover,
    body #a_m3:active,
    body #a_m4:hover,
    body #a_m4:active/*,
    body #a_m5:hover,
   body #a_m5:active,
    body #a_m6:hover,
    body #a_m6:active */{
        font-size: var(--font-size_a_hover);
    }

    body #div_navtopright{
        font-size: var(--font-size_navtopright);
        width:auto;
    }

    body #div_navtopright span{
        padding:1vw;
    }
    body #div_navtopright a:hover{
        font-size: var(--font-size_navtopright_hover);
    }


    body #a_m1{ transform: translate(01vw,13vw)!important;}/* TOTGEWEIHT*/
    body #a_m2{ transform: translate(01vw,8vw)!important;} /* REFLEKTION */
    body #a_m3{ transform: translate(01vw,8vw)!important;} /* REFRAKTION*/
    body #a_m4{ transform: translate(01vw,9vw)!important;} /* KONTO LEER/KOPF VOLL */
    body #a_m5{ transform: translate(01vw,13vw)!important;} /* I'M IN GOOD SHAPE*/
    body #a_m6{ transform: translate(01vw,12vw)!important;} /* MITWIRKEN*/

    @keyframes zoominout { 
        0%{font-size:var(--font-size_a) !important;}
        50%{font-size:var(--font-size_a_hover) !important;}
        100%{font-size:var(--font-size_a) !important;}
    }
    
}