:root {
    --grayExtraLight: rgb(238,238,238);
    --grayLight: rgb(204,204,204);
    --grayRegular: rgb(68,68,68);
    --grayDark: rgb(51,51,51);
    --redRegular: rgb(188,41,10);
    --orangeRegular: rgb(251,185,0);
    --white: rgb(255,255,255);
    --black: rgb(0,0,0);
}

*{
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    color: var(--grayRegular);
}

h1{
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 2rem;
}

h2{
    font-size: 2.000rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 1.000rem;
}

h2 span.cRedRegular{
    color: var(--redRegular);
    font-size: 100%;
    font-weight: 600;
}

h3,
h3 span{
    font-size: 1.500rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 1.000rem;
}

p.pS{
    font-size: 0.875rem;
    line-height: 1.5;
}

p{
    font-size: 1.000rem;
    line-height: 1.5;
}

p.pL{
    font-size: 1.250rem;
    line-height: 1.5;
}

p.pXL{
    font-size: 1.500rem;
    line-height: 1.5;
}

p.pXXL{
    font-size: 2.000rem;
    line-height: 1.500;
}

p strong,
li strong{
    font-weight: 600;
    font-size: 100%;
    color: currentColor;
}

.cRedRegular{
    color: var(--redRegular);
}

span.cRedRegular{
    color: var(--redRegular);
    font-size: 100%;
}

.cOrangeRegular{
    color: var(--orangeRegular);
}

span.cOrangeRegular{
    color: var(--orangeRegular);
    font-size: 100%;
}


.bgGrayExtraLight{
    background-color: var(--grayExtraLight);
    height: 100%;
}

.bgGrayLight{
    background-color: var(--grayLight);
}

.bgGrayRegular{
    background-color: var(--grayRegular);
}

.bgBlack{
    background-color: var(--black);
}

.borderRightGrayLight{
    border-right: 1px solid var(--grayExtraLight);
}

/************
*** List ***
************/

ol,
ul{
    margin:0 0 0 0;
    padding: 10px 0 0 20px;
}

ol li,
ul li{
    font-size: 1.000rem;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 0 10px 10px;
    margin: 0;
}

ul.ulCheck li,
ul.ulPlus li,
ul.ulArrow li{
    font-size: 1.000rem;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 0 10px 40px;
    margin: 0;
    position: relative;
}

ul.ulCircle li{
    font-size: 1.000rem;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 0 10px 30px;
    margin: 0;
    position: relative;
}

ul.ulCheck,
ul.ulPlus,
ul.ulCircle,
ul.ulArrow{
    list-style: none;
    padding: 5px 0 15px 0px;
}



ul.ulCheck li::before {
    content: '' !important;
    background-image: url(../../../../../../fileadmin/user_upload/images/icons/iconCheck.svg);
    display: inline-block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    top: -2px;
    left: 0;
}

ul.ulPlus li::before {
    content: '' !important;
    background-image: url(../../../../../../fileadmin/user_upload/images/icons/iconPlus.svg);
    display: inline-block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

ul.ulCircle li::before {
    content: '' !important;
    background-image: url(../../../../../../fileadmin/user_upload/images/icons/iconCircle.svg);
    margin: 0;
    display: inline-block;
    height: 24px;
    width: 26px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    position: absolute;
    left: 0;
    top: 3px;
}

ul.ulArrow li::before {
    content: '' !important;
    background-image: url(../../../../../../fileadmin/user_upload/images/icons/iconArrow.svg);
    display: inline-block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: -2px;
    margin: 0;
}