@media (min-width: 480px) and (max-width: 860px) {
    :root {
        --navigation-header-font-size: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --navigation-header-line-height: clamp(2.500rem, 2.500rem + 0.000vw, 2.500rem);
        --headline-h1-font-size: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h1-line-height: clamp(2.813rem, 2.813rem + 0.000vw, 2.813rem);
        --headline-h2-font-size: clamp(1.750rem, 1.750rem + 0.000vw, 1.750rem);
        --headline-h2-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h3-font-size: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --headline-h3-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h4-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --headline-h4-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --headline-h5-font-size: clamp(0.813rem, 0.497rem + 1.053vw, 1.063rem);
        --headline-h5-line-height: clamp(1.063rem, 0.589rem + 1.579vw, 1.438rem);
        --text-font-size: clamp(1.063rem, 1.063rem + 0.000vw, 1.063rem);
        --text-font-line-height: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --button-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --button-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --bike-model-category-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --bike-model-category-line-height: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --bike-model-name-font-size: clamp(3.125rem, 1.941rem + 3.947vw, 4.063rem);
        --bike-model-name-line-height: clamp(3.750rem, 2.961rem + 2.632vw, 4.375rem);
        --bike-product-name-font-size: clamp(1.875rem, 1.243rem + 2.105vw, 2.375rem);
        --bike-product-name-line-height: clamp(2.188rem, 1.398rem + 2.632vw, 2.813rem);
        --cta-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --cta-font-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --cta-spacing: clamp(1.500rem, 1.500rem + 0.000vw, 1.500rem);
        --table-text-font-size: clamp(0.813rem, 0.655rem + 0.526vw, 0.938rem);
        --table-text-line-height: clamp(1.000rem, 0.842rem + 0.526vw, 1.125rem);
    }
}
@media (min-width: 480px) and (max-width: 860px) {


    :root {

        /* container width */
        --normal-container-width: calc(100vw - 48px);
        --normal-container-width-max: calc(100vw - 48px);

        --wide-container-width: 1728px;
        --wide-container-width-max: 1728px;

        --full-container-width: 100%;
        --full-container-max-width: 100%;

        --narrow-container-width: calc(100vw - 48px);
        --narrow-container-max-width: calc(100vw - 48px);

        /* spacing */
        --spacing-xxl: 72px;
        --spacing-xl: 36px;
        --spacing-l: 24px;
        --spacing-ml: 24px;
        --spacing-m: 12px;
        --spacing-s: 12px;
        --spacing-xs: 6px;

        --navigation-footer-font-size: 18px;
        --navigation-footer-line-height: 24px;


        --price-font-size: 16px;
        --price-line-height: 24px;

        --quote-font-size: 30px;
        --quote-line-height: 49px;

        --checkout-label-font-size: 14px;
        --checkout-label-line-height: 18px;
        --checkout-label-padding: 12px;


        /* LOGO spacing */
        --logo-right-spacing: 48px;
        --header-navigation-horizontal-spacing: 72px;
        --header-navigation-item-spacing: 48px;

        /* swiper */
        --swiper-navigation-next-offset: 60px;
        --swiper-navigation-prev-offset: 30px;
        --swiper-navigation-dimensions: 110px;
        --swiper-navigation-icon-height: 52px;
        --swiper-navigation-icon-width: 34px;

        --form-element-padding: 12px 24px;

        --navigation-header-font-size: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --navigation-header-line-height: clamp(2.500rem, 2.500rem + 0.000vw, 2.500rem);
        --headline-h1-font-size: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h1-line-height: clamp(2.813rem, 2.813rem + 0.000vw, 2.813rem);
        --headline-h2-font-size: clamp(1.750rem, 1.750rem + 0.000vw, 1.750rem);
        --headline-h2-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h3-font-size: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --headline-h3-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h4-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --headline-h4-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --headline-h5-font-size: clamp(0.813rem, 0.497rem + 1.053vw, 1.063rem);
        --headline-h5-line-height: clamp(1.063rem, 0.589rem + 1.579vw, 1.438rem);
        --text-font-size: clamp(1.063rem, 1.063rem + 0.000vw, 1.063rem);
        --text-font-line-height: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --button-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --button-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --bike-model-category-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --bike-model-category-line-height: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --bike-model-name-font-size: clamp(3.125rem, 1.941rem + 3.947vw, 4.063rem);
        --bike-model-name-line-height: clamp(3.750rem, 2.961rem + 2.632vw, 4.375rem);
        --bike-product-name-font-size: clamp(1.875rem, 1.243rem + 2.105vw, 2.375rem);
        --bike-product-name-line-height: clamp(2.188rem, 1.398rem + 2.632vw, 2.813rem);
        --cta-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --cta-font-line-height: clamp(1.563rem, 1.563rem + 0.000vw, 1.563rem);
        --cta-spacing: 12px;
        --table-text-font-size: clamp(0.813rem, 0.655rem + 0.526vw, 0.938rem);
        --table-text-line-height: clamp(1.000rem, 0.842rem + 0.526vw, 1.125rem);

    }

    /*.narrow-container.block-type-text{*/
    /*    width: calc(100vw - 322px);*/
    /*}*/

    .block-type-text p{
        font-size: 14px;
        line-height: 28px;
    }

}
@media (min-width: 860px) and (max-width: 1100px) {
    :root {

        /* font-sizes */
        --copy-large-font-size: clamp(1.125rem, 0.229rem + 1.667vw, 1.375rem);
        --copy-large-font-line-height: clamp(1.875rem, 0.755rem + 2.083vw, 2.188rem);

        --copy-small-font-size: clamp(0.875rem, -0.021rem + 1.667vw, 1.125rem);
        --copy-small-font-line-height: clamp(1.75rem, 0.406rem + 2.5vw, 2.125rem);

        --headline-h1-font-size: clamp(2.313rem, -3.734rem + 11.25vw, 4rem);
        --headline-h1-line-height: clamp(2.563rem, -4.38rem + 12.917vw, 4.5rem);

        --headline-h2-font-size: clamp(2.063rem, -1.297rem + 6.25vw, 3rem);
        --headline-h2-line-height: clamp(2.25rem, -1.781rem + 7.5vw, 3.375rem);

        --headline-h3-font-size: clamp(1.313rem, -0.703rem + 3.75vw, 1.875rem);
        --headline-h3-line-height: clamp(1.438rem, -2.37rem + 7.083vw, 2.5rem);

        --headline-h4-font-size: clamp(1.25rem, -0.99rem + 4.167vw, 1.875rem);
        --headline-h4-line-height: clamp(1.75rem, -0.938rem + 5vw, 2.5rem);




    }


}
@media (min-width: 860px) and (max-width: 1280px) {
    :root {
        /*--navigation-header-font-size: clamp(1.875rem, 3.411rem + -2.857vw, 1.125rem);*/
        /*--navigation-header-line-height: clamp(2.500rem, 4.164rem + -3.095vw, 1.688rem);*/
        --headline-h1-font-size: clamp(2.188rem, -0.372rem + 4.762vw, 3.438rem);
        --headline-h1-line-height: clamp(2.813rem, 0.893rem + 3.571vw, 3.750rem);
        --headline-h2-font-size: clamp(1.750rem, 0.854rem + 1.667vw, 2.188rem);
        --headline-h2-line-height: clamp(2.188rem, 1.548rem + 1.190vw, 2.500rem);
        --headline-h3-font-size: clamp(1.563rem, 1.307rem + 0.476vw, 1.688rem);
        --headline-h3-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --headline-h4-font-size: clamp(1.250rem, -0.030rem + 2.381vw, 1.875rem);
        --headline-h4-line-height: clamp(1.563rem, 0.667rem + 1.667vw, 2.000rem);
        --headline-h5-font-size: clamp(1.063rem, 0.935rem + 0.238vw, 1.125rem);
        --headline-h5-line-height: clamp(1.438rem, 1.054rem + 0.714vw, 1.625rem);
        --text-font-size: clamp(1.063rem, 0.935rem + 0.238vw, 1.125rem);
        --text-font-line-height: clamp(1.875rem, 1.235rem + 1.190vw, 2.188rem);
        --button-font-size: clamp(1.125rem, 0.869rem + 0.476vw, 1.250rem);
        --button-line-height: clamp(1.563rem, 0.283rem + 2.381vw, 2.188rem);
        --bike-model-category-font-size: clamp(1.250rem, -0.030rem + 2.381vw, 1.875rem);
        --bike-model-category-line-height: clamp(1.875rem, 0.595rem + 2.381vw, 2.500rem);
        --bike-model-name-font-size: clamp(4.063rem, 0.223rem + 7.143vw, 5.938rem);
        --bike-model-name-line-height: clamp(4.375rem, 3.095rem + 2.381vw, 5.000rem);
        --bike-product-name-font-size: clamp(2.375rem, 0.967rem + 2.619vw, 3.063rem);
        --bike-product-name-line-height: clamp(2.813rem, 1.661rem + 2.143vw, 3.375rem);
        --cta-font-size: clamp(1.125rem, 0.869rem + 0.476vw, 1.250rem);
        --cta-font-line-height: clamp(1.563rem, 0.283rem + 2.381vw, 2.188rem);
        --cta-spacing: clamp(1.500rem, 3.036rem + -2.857vw, 0.750rem);
        --table-text-font-size: clamp(0.938rem, 0.554rem + 0.714vw, 1.125rem);
        --table-text-line-height: clamp(1.125rem, 0.869rem + 0.476vw, 1.250rem);
        --header-height: clamp(3.75rem, 2.854rem + 1.667vw, 4.188rem);
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --navigation-header-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --navigation-header-line-height: clamp(1.688rem, 1.688rem + 0.000vw, 1.688rem);
        --headline-h1-font-size: clamp(3.438rem, 3.438rem + 0.000vw, 3.438rem);
        --headline-h1-line-height: clamp(3.750rem, 3.750rem + 0.000vw, 3.750rem);
        --headline-h2-font-size: clamp(2.188rem, 0.313rem + 2.344vw, 3.125rem);
        --headline-h2-line-height: clamp(2.500rem, 0.000rem + 3.125vw, 3.750rem);
        --headline-h3-font-size: clamp(1.688rem, 0.688rem + 1.250vw, 2.188rem);
        --headline-h3-line-height: clamp(2.188rem, 0.688rem + 1.875vw, 2.938rem);
        --headline-h4-font-size: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --headline-h4-line-height: clamp(2.000rem, 2.000rem + 0.000vw, 2.000rem);
        --headline-h5-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --headline-h5-line-height: clamp(1.625rem, 1.625rem + 0.000vw, 1.625rem);
        --text-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --text-font-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --button-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --button-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --bike-model-category-font-size: clamp(1.875rem, 1.875rem + 0.000vw, 1.875rem);
        --bike-model-category-line-height: clamp(2.500rem, 2.500rem + 0.000vw, 2.500rem);
        --bike-model-name-font-size: clamp(5.938rem, 5.938rem + 0.000vw, 5.938rem);
        --bike-model-name-line-height: clamp(5.000rem, 5.000rem + 0.000vw, 5.000rem);
        --bike-product-name-font-size: clamp(3.063rem, 3.063rem + 0.000vw, 3.063rem);
        --bike-product-name-line-height: clamp(3.375rem, 3.375rem + 0.000vw, 3.375rem);
        --cta-font-size: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
        --cta-font-line-height: clamp(2.188rem, 2.188rem + 0.000vw, 2.188rem);
        --cta-spacing: clamp(0.750rem, 0.750rem + 0.000vw, 0.750rem);
        --table-text-font-size: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
        --table-text-line-height: clamp(1.250rem, 1.250rem + 0.000vw, 1.250rem);
    }
}