body *{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

html, body {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

body h1, body h2, body h3{
    line-height: 120% !important;
}

body a{
    display: inline-block;
}

:root {

    /*******************************  COLORS ******************************/
    --white: #ffffff;
    --almostWhite: #F5F6F2;
    --lightGrey: #e9ece3;
    --middleGrey: #dadfd2;
    --grey: #bcc1b5;
    --darkGrey: #444741;
    --primary1: #36a9e1;
    --primary2: #022e75;
    --secondary1: #9fe136;
    --secondary2: #ffb32f;
    --secondary3: #ff6237;
    /*******************************  END COLORS ******************************/

    /*******************************  FONT SIZES ******************************/
    --headline-XLL: 75px;
    --headline-XL: 40px;
    --headline-L: 26px;
    --headline-ML: 24px;
    --headline-M: 18px;
    --headline-S: 16px;
    --headline-XS: 12px;
    
    /*ab Tablet 768px*/
    --headline-XLL-from768: 90px;
    --headline-XL-from768: 60px;
    --headline-L-from768: 40px;
    --headline-ML-from768: 28px;
    --headline-M-from768: 22px;
    --headline-S-from768: 20px;
    --headline-XS-from768: 12px;

    /* ab Desktop 1000px */

    --headline-XLL-from1000: clamp(7.5rem,10vw,20rem);
    --headline-XL-from1000: clamp(6rem, 6vw, 8rem);
    --headline-L-from1000: clamp(40px, 5vw, 3rem);
    --headline-ML-from1000: clamp(30px, 4vw, 2.2rem);
    --headline-M-from1000: clamp(22px, 2vw, 2rem);
    --headline-S-from1000: clamp(20px, 2.5vw, 1.5rem);
    --headline-XS-from1000: clamp(12px, 2vw, 1.2rem);


    /******************************* END FONT SIZES ******************************/
}

.headline-XXL{
    font-size: clamp(calc(120px * 0.7), 10.5vw, calc(160px * 2)) !important;
    /*font-size: clamp(3.5rem,9vw,20rem) !important;*/
    line-height: 110% !important;
}

.headline-XL{
    font-size: clamp(calc(80px * 0.7), 5.3vw, calc(80px * 2)) !important;
    /*font-size: clamp(2.4rem,6vw,15rem) !important;*/
    line-height: 115% !important;
}

.headline-L{
    font-size: clamp(calc(32px * 0.7), 2.12vw, calc(32px * 2)) !important;
    /*font-size: clamp(1.8rem,3.5vw,5rem) !important;*/
    line-height: 125% !important;
}

.headline-ML{
    font-size: clamp(calc(24px * 0.7), 1.59vw, calc(24px * 2)) !important;
    /*font-size: clamp(1.7rem,2.5vw,4rem) !important;*/
    line-height: 140% !important;
}

.headline-M{
    font-size: clamp(calc(18px * 0.7), 1.19vw, calc(18px * 2)) !important;
    /*font-size: clamp(1.35rem,2.2vw,3.2rem) !important;*/
    line-height: 140% !important;
}

.headline-S{
    font-size: clamp(calc(14px * 0.7), 0.93vw, calc(14px * 2)) !important;
    /*font-size: clamp(1.15rem,1.8vw,2rem) !important;*/
    line-height: 150% !important;
}

.headline-XS{
    font-size: clamp(calc(12px * 0.7), 0.79vw, calc(12px * 2)) !important;
    /*font-size: clamp(1rem,1.2vw,1.4rem) !important;*/
}