/*******************************************************************************
 * CHANGE FONT SIZE
 ******************************************************************************/

html.medium{
    font-size: 19px;
    /*line-height: 1.8;
    letter-spacing: 1px;
    word-spacing: 2px;*/
}
html.medium #center-logo {
    display: none;
}
html.medium #header #top-mobile {
    display: flex;
}
html.medium .static-grids #hotline .right div:nth-child(2) {
    font-size: 1.5rem;
}
html.medium .static-grids #offer .right {
    padding-left: 18rem;
}
html.medium .static-grids #offer .left .btn {
    left: -0.5rem;
    bottom: 2rem;
}

@media (max-width: 490px) {
    html.medium .home-layout .headlines-element.page-element.text h2 {
        font-size: 3rem;
    }
    html.medium .home-layout .headlines-element.page-element.text h3 {
        font-size: 1.45rem;
    }
}


html.large{
    font-size: 22px;
    /*line-height: 2.1;
    letter-spacing: 2px;
    word-spacing: 4px;*/
}
html.large #center-logo {
    display: none;
}
html.large #header #top-mobile {
    display: flex;
}
html.large .static-grids #hotline .right div:nth-child(2) {
    font-size: 1rem;
}
html.large .static-grids #hotline .right div:nth-child(3) {
    font-size: 0.65rem
}
html.large .static-grids #offer .left .btn {
    left: -1rem;
    bottom: 1rem;
}
html.large .static-grids #offer .right {
    padding-left: 17rem;
}
html.large .static-grids #offer .right {
    font-size: 0.875rem;
}

@media (max-width: 490px) {
    html.large #header #top-mobile {
        display: block;
        text-align: center;
    }
    html.large .home-layout .headlines-element.page-element.text h2 {
        font-size: 2.5rem;
    }
    html.large .home-layout .headlines-element.page-element.text h3 {
        font-size: 1.25rem;
    }
    html.large .grids-element-alternately .title {
        font-size: 1.75rem;
    }
}