/* variables */
:root {
    --tg-color-font-on-color: #fff;
}

/* classes */
.tg-body-l {
    font-family: "Predige" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 31px !important;
}

.tg-body-m,
p {
    font-family: "Predige" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

.tg-body-s {
    font-family: "Predige" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px !important;
}

.tg-link-l {}

.tg-link-m {}

h1 {
    font-family: "Predige" !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 58px !important;
}

h2 {
    font-family: "Predige" !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 43px !important;
}

h3 {
    font-family: "Predige" !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 36px !important;
}

h4 {
    font-family: "Predige" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 29px !important;
}

h5 {
    font-family: "Predige" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 29px !important;
}

.tg-font-on-color {
    color: var(--tg-color-font-on-color) !important;
}

.tgwg-last-workout-icon {
    background-color: var(--e-global-color-primary) !important;
}

.tgwg-last-workout-icon i {
    color: #fff !important
}

.tgwg-last-workout-pills-container h5 {
    background-color: #fff !important;
}

#tgwg-onboarding-container {
    background-image: url('/wp-content/plugins/workout_generator/assets/img/hero-image-with-gradient-wertgeschaetzt.jpg') !important;
}