 @media screen and (max-width: 720px) and (orientation: landscape){


    /*0 Varianlen, globale Werte für Schrift und Abstände */  

:root{ 

    --ratio: 0.7;

    --reverse-ratio: 2;

    --font-size-normal: 6.0vw;

    --font-size-small: calc(var(--ratio) * var(--font-size-normal));

    --font-size-normal-3: 6.7vw;

    --font-size-small-3: calc(var(--gain) * ((var(--ratio)/0.95) * var(--font-size-normal-3)));

    --font-size-smaller-3: 4.8vw;

    --font-size-cookietext: 5.6vw;

    --header-max-height: 12vw;

    --body-padding: 5vw;

    --font-size-menu: 9vw;

}




    /* slider title fix */
    
span.l_t,span.left.middle,span.r_t,span.r_b,span.center{

    transform: scale(0.5);

}

span.r_b{
  transform:scale(0.5)translateY(100%);
}

span.right.middle{
    transform:scale(0.5)translateY(0);
}

span.l_b{
    transform:scale(0.5)translateY(100%);
}



span.l_t{
transform-origin: left top;
}
span.left.middle{
    transform-origin: left center;
}
span.l_b{
    transform-origin: left bottom;
}

span.r_t{
    transform-origin: right top;
}
span.right.middle{
    transform-origin: right center;
}
span.r_b{
    transform-origin: right bottom;
}
span.center{
transform-origin: center center;
}




.arrow-down {
    width: 10vw;
    height: 10vw;
    bottom: 3vw !important;
    z-index: 1000;
    }


    .accessibility {

        height: 100vh;
        overflow: scroll;
        }

}

 