/* =================================== */
/* ============== FONTS ============== */
/* =================================== */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/montserrat-v29-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/montserrat-v29-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-regular - latin */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/montserrat-v29-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/montserrat-v29-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Medium';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/montserrat-v29-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/montserrat-v29-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/montserrat-v29-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/montserrat-v29-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/montserrat-v29-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/montserrat-v29-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

.m-light{
    font-family: 'Montserrat Light';
}

.m-regular{
    font-family: 'Montserrat';
}

.m-medium{
    font-family: 'Montserrat Medium';
}

.m-semibold{
    font-family: 'Montserrat Semibold';
}

.m-bold{
    font-family: 'Montserrat Bold';
}

p, a, .p{
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 0px !important;
}

h1, .h1{ 
    /** 65px **/
    font-size: 4rem !important;
    line-height: 1 !important;
}

h2, .h2{
    /** 48px **/
    font-size: 3rem !important;
    line-height: 3.875rem !important;
}

h3{
    /** 32px **/
    font-size: 2rem !important;
    line-height: 2.625rem !important;
}

h4, .h4, .h4 p{
    /** 25px **/
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

h5, .h5, .h5 p{
    /** 20px **/
    font-size: 1.25rem !important;
    line-height: 2rem !important;
}

h6, .h6{
    font-size: 0.875rem !important;
    line-height: 1 !important;
}

.ls-1px{
    letter-spacing: 1px;
}

.leistungen-headline{
    font-size: 2.5rem !important;
    line-height: 2.875rem !important;
}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

    h1, .h1{ 
        /** 65px **/
        font-size: 3rem !important;
        line-height: 1 !important;
    }
    
    h2, .h2{
        /** 48px **/
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }

    h2.accordion-header .h2{
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
    h2.accordion-header .h4{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    
    h4, .h4, .h4 p{
        /** 25px **/
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    h5, .h5, .h5 p{
        /** 20px **/
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    .leistungen-headline{
        font-size: 1.7rem !important;
        line-height: 2rem !important;
    }
}

@media (max-width: 576px) {

    h1, .h1{ 
        /** 65px **/
        font-size: 2.3rem !important;
        line-height: 1 !important;
    }
    
    h2, .h2{
        /** 48px **/
        font-size: 2rem !important;
        line-height: 2.3rem !important;
    }

}