@media screen and (min-width: 721px) and (max-width: 835px){
    
    :root{ 
        --ratio: 0.7;
        --reverse-ratio: 2;
      
        --font-size-small: calc(var(--ratio) * var(--font-size-normal));

        --font-size-normal-3: 2.5vw;
        --font-size-normal: 3.5vw;

        --font-size-small-3: 2vw;
        --font-size-smaller-3: 1.2vw;
        --header-max-height: 3.8vw;




        /*
        --ratio: 0.7;
        --gain: 1;
        --reverse-ratio: 2;
        --font-size-normal: 3.3vw;
        --font-size-normal-3: calc((var(--ratio)/1.02) * var(--font-size-normal));
        --font-size-small: calc(var(--ratio) * var(--font-size-normal));
        --font-size-small-3: 1.71vw;
        --font-size-smaller-3: 1.38vw;
        --font-size-headline-footer: calc(var(--font-size-small-3) * 0.75)  ;
        --body-padding: 2vw;
        --line-height: 1.17 ;
        --line-height-small: 1.625 ;
      
        --header-max-height: 3.3vw;

        */


    }

    body * :focus{outline: none;}

    .accessibility.closed {
        margin-right: 6vw !important;
    }


    header * .line>svg {
        transform: translateY(50%);
    }

    /* header>nav{margin-left: 16.9vw!important;
      
    } */

    .circle>svg {
    
        max-height: 2.6vw;
        width: 120%;
    }

    .current-active {
        padding-right: 0vw;
    }

    
li.hidden{display: none;}
    /* #abo_order>section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: var(--body-padding) !important;
        padding-right: var(--body-padding) !important;
        width: calc(100vw - var(--body-padding) - var(--body-padding)) !important;
        }
    
    #abo_order>section {
        grid-column: 2 !important;
    }
    
    #abo_order>section {
        min-height: 90vw !important;
        float: none !important;
    }
    
    #abo_order>section:first-of-type {
        padding-right: var(--body-padding) !important;
        position: relative !important;
        top: 0 !important;
        height: min-content !important;
    }
    
    #abo_order {
        display: block !important;
    } */




    .round-crop-image {
        width: 25vw;
        height: 25vw;
    }



    .cookie-modal__content {
        background-color: #fff;
        box-shadow: 0 10px 30px rgba(0,0,0,.2);
        margin: 15vh auto 0;
        max-width: none!important;
        bottom: 0;
        position: absolute!important;
        background-color: #d4eff1!important;
        display: grid;
        display: grid;
        grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr) minmax(0, 1.18fr);
        max-height: 11vw;
        grid-column-gap: 2vw;
        padding: 1.5vw 1vw 1.4vw 2vw!important;
        }

    .cookie-modal__label {
        line-height: 16px!important;
        }

    .cookie-modal__content>span>h3{
        font-weight: normal;
        font-size:1.35vw!important;
        }
    .cookie-modal__text{
    word-break: keep-all;
    font-size: 1.8vw!important;
    line-height: 1.26!important;
    }

    .cookie-modal__content * {
    font-size: 1.8vw!important;
    }

    .cookie-modal__checkbox {
        margin: 0!important;
        border: none!important;
        width: 2.25vw!important;
        margin-left: -0.3vw!important;
        z-index: 999;
        position: absolute;
        cursor: pointer;
        height: 2.25vw!important;
        }

    .cookie-modal__options>span {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-items: center;
        justify-content: center;
        align-content: space-around;
        height: 100%;
        margin-top: -2.6%;
        }

    .icon_image {
        transform: translateX(2vw);
        display: block;
        transform: translateX(2vw) scale(0.96);
        }

    .cookie-modal__check {
        height: 2.7vw!important;
        width: 2.7vw!important;
        margin-left: -0.5vw;
        }

    .cookie-modal__buttons>.link-container {
        margin: 1.5vw !important;
        }

    .cookie-modal__buttons>.link-container.lc_left.lc_m>a>svg {
        max-height: 5vw;
        min-height: 5vw;
        width: 115%;
        }

        
}