:root {

    /*colors*/
    --text-color: #524A4A;
    --highlight-pink: #A2165E;
    --tab-green: #11A1AA;

    --h1-weight: bold;



    /*4k*/
    /*general*/

    --margin-side: 60px;


    /*home variables*/
    --nav-btn-width-portrait: 986px;
    --nav-btn-width-landscape: 885px;
    --landscape-mainrow-bottom: 490px;
    --landscape-searchrow-bottom: 1410px;
    
}

/*FHD*/
@media only screen and (max-width: 2159px){

    :root{
        --logo-width: 230px;
        --h1-size: 45px;
        --space: 30px;

        --header_height_search: 350px;
        --header_height_detail: 175px;
        --header-font-size: 30px;
        --date-time-size: 30px;
        --search-height: 100px;

        --nav-btn-small-font: 35px;
        --small-btn-height: 100px;

        --search-list-item-height: 280px;

        --tab-icon-size: 40px;
        --tab-radius: 20px;
    }

}

/*4k*/
@media only screen and (min-width: 2160px){

    :root{
        --logo-width: 400px;
        --h1-size: 100px;
        --space: 60px;

        --header_height_search: 615px;
        --header_height_detail: 335px;
        --header-font-size: 50px;
        --date-time-size: 60px;
        --search-height: 190px;

        --nav-btn-small-font: 65px;
        --small-btn-height: 190px;

        --search-list-item-height: 465px;

        --tab-icon-size: 80px;
        --tab-radius: 35px;
    }

}

/*Home Variables*/
    body.home{
        --col-4-btn-width: calc( (100vw - 5 * var(--space)) * 0.25 );
        --medium-btn-width: calc( var(--col-4-btn-width) * 1.5 + var(--space) * 0.5 );
        --col-2-btn-width: calc( (100vw - 3 * var(--space)) * 0.5 );
    }
/*FHD*/
@media only screen and (max-width: 2159px){

    body.home{
        /*Fonts*/
        --nav-btn-font: 40px;


        /*btn sizes*/
        --parken-width: 275px;

        /*Icons*/
        --btn-iconsize: 150px;
        --medium-btn-iconsize: 100px;
    }
}

/*4k*/
@media only screen and (min-width: 2160px){

    body.home{
        /*Fonts*/
        --nav-btn-font: 80px;

        /*btn sizes*/
        --parken-width: 515px;

        /*Icons*/
        --btn-iconsize: 300px;
        --medium-btn-iconsize: 160px;
    }
}