/* TEXTGRÖSSEN */
.text-size-small,
body.mce-content-body .text-size-small{
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 150% !important;
}
.text-size-medium,
body.mce-content-body .text-size-medium{
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 150% !important;
}
.text-size-large,
body.mce-content-body .text-size-large{
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 110% !important;
}
.text-size-larger,
body.mce-content-body .text-size-larger{
    font-weight: 600 !important;
    font-size: 56px !important;
    line-height: 110% !important;
}
.text-size-extra-large,
body.mce-content-body .text-size-extra-large{
    font-weight: 600 !important;
    font-size: 96px !important;
    line-height: 90% !important;
}
.text-size-super-large,
body.mce-content-body .text-size-super-large{
    font-weight: 600 !important;
    font-size: 200px !important;
    line-height: 90% !important;
}
/* TEXTFARBEN */
.text-color-default,
body.mce-content-body .text-color-default{
    color: var(--textblue) !important;
}
.text-color-white,
body.mce-content-body .text-color-white{
    color: var(--white) !important;
}
.text-color-soft,
body.mce-content-body .text-color-white30{
    color: var(--azure) !important;
}

.text-color-gradient{
    background: linear-gradient(90deg, var(--lightblue), var(--green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.mce-content-body .text-color-gradient{
    color: var(--lightblue) !important;
    background: none !important;
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: none !important;
}
@media (max-width: 1680px) {
    .text-size-super-large,
    body.mce-content-body .text-size-super-large{
        font-size: 10vw !important;
    }
}
@media (max-width: 1200px) {
    .text-size-larger,
    body.mce-content-body .text-size-larger{
        font-size: 46px !important;
    }
    .text-size-extra-large,
    body.mce-content-body .text-size-extra-large{
        font-size: 66px !important;
    }
    .text-size-super-large,
    body.mce-content-body .text-size-super-large{
        font-size: 100px !important;
    }
}
@media (max-width: 959px) {
    .text-size-large {
        font-size: 24px !important;
    }
    .text-size-larger{
        font-size: 36px !important;
    }
    .text-size-extra-large{
        font-size: 46px !important;
    }
    .text-size-super-large{
        font-size: 80px !important;
    }
}
@media (max-width: 639px) {
    .text-size-large {
        font-size: 20px !important;
    }
    .text-size-larger{
        font-size: 26px !important;
    }
    .text-size-extra-large{
        font-size: 36px !important;
    }
    .text-size-super-large{
        font-size: 50px !important;
    }
}