/* USE THIS FILE TO SET TYPOGRAPHY VARIABLE */
@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 100;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Thin.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Thin.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 100;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ThinItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ThinItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 200;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraLight.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraLight.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 200;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraLightItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraLightItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 300;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Light.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Light.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 300;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-LightItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-LightItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 400;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Regular.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 400;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Italic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Italic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 500;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Medium.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Medium.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 500;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-MediumItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-MediumItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 600;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-SemiBold.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-SemiBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 600;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-SemiBoldItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-SemiBoldItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 700;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Bold.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Bold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 700;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-BoldItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-BoldItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 800;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraBold.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 800;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraBoldItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-ExtraBoldItalic.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 900;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Black.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-Black.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Urbanist";
    font-style: italic;
    font-weight: 900;
    src: url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-BlackItalic.woff2") format("woff2"), url("/themes/custom/feinrohren_theme/fonts/urbanist/Urbanist-BlackItalic.woff") format("woff");
    font-display: swap;
}

* {
    font-family: 'Urbanist', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
    color: rgba(var(--black));
    margin: 0;
}

h1,
.h1,
.h1 p,
h1 p {
    font-size: 80px;
    line-height: 99%;
    font-weight: 400;
}

h2,
.h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 114%;
}

h3,
.h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 35px;
}

h4,
.h4 {
    font-size: 28px;
    line-height: 34px;
}

h5,
.h5 {
    font-size: 24px;
    line-height: 30px;
}

h6,
.h6 {
    font-size: 20px;
    line-height: 26px;
}

p {
    color: rgba(var(--black));
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.text-uppercase {
    text-transform: uppercase;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-600 {
    font-weight: 600;
}

.orange {
    color: rgba(var(--orange));
}

.white {
    color: rgba(var(--white));
}

.headline {
    font-size: 61px;
    font-weight: 500;
    line-height: 70px;
}

.font-size-24 {
    font-size: 24px;
}

.line-height-129 {
    line-height: 129.96%;
}

@media (max-width: 1199.98px) {
    h1, .h1, h1 p, .h1 p {
        font-size: 70px;
    }
    h2,
    .h2 {
        font-size: 42px;
    }
}
@media (max-width: 991.98px) {

    h1,
    .h1,
    h1 p,
    .h1 p {
        font-size: 36px;
    }

    h2,
    .h2 {
        font-size: 25px;
        font-weight: 400;
    }

    h3,
    .h3 {
        font-size: 20px;
        line-height: 104.6%;
    }
}

@media (max-width: 767.98px) {
    h1,.h1 {margin-bottom: 16px;}
}