/************************************ Start: Fake Headings ************************************/
.h1 { font-size: 62px; line-height: 74px; }
.h2 { font-size: 36px; line-height: 43px; }
.h3 { font-size: 24px; line-height: 29px; }
.h4 { font-size: 20px; line-height: 24px; }
@media screen and (max-width: 959px) {
    .h1 { font-size: 28px; line-height: 34px; }
    .h2 { font-size: 24px; line-height: 29px; }
    .h3 { font-size: 20px; line-height: 24px; }
    .h4 { font-size: 18px; line-height: 22px; }
}
/************************************ Ende: Fake Headings ************************************/

/************************************ Start: Pretitle ************************************/
.pretitle { font-family: "IBM Plex Sans", sans-serif; font-weight: 600; font-size: 16px; line-height: 19px; letter-spacing: 3.2px; text-transform: uppercase; color: var(--primary); }
@media screen and (max-width: 959px) { .pretitle { font-size: 13px; line-height: 16px; letter-spacing: 2.6px; } }
/************************************ Ende: Pretitle ************************************/

/************************************ Start: Intro ************************************/
.intro { font-weight: 300; font-size: 27px; line-height: 41px; }
@media screen and (max-width: 959px) { .intro { font-weight: 350; font-size: 20px; line-height: 30px; } }
/************************************ Ende: Intro ************************************/

/************************************ Start: Lead ************************************/
.lead { font-size: 24px; line-height: 36px; }
@media screen and (max-width: 959px) { .lead { font-size: 19px; line-height: 29px; } }
/************************************ Ende: Lead ************************************/

/************************************ Start: Small Text ************************************/
.small-text { font-size: 15px; line-height: 23px; }
@media screen and (max-width: 959px) { .small-text { font-size: 13px; line-height: 20px; } }
/************************************ Ende: Small Text ************************************/

/************************************ Start: Custom H2 ************************************/
.heading2 { font-family: "IBM Plex Sans", sans-serif; font-weight: 600; font-size: 48px; line-height: 58px; }
@media screen and (max-width: 959px) { .heading2 { font-size: 24px; line-height: 29px; } }
/************************************ Ende: Custom H2 ************************************/

/************************************ Start: Rot ************************************/
.rot { color: var(--primary); }
/************************************ Ende: Rot ************************************/

/************************************ Start: Grün ************************************/
.gruen { color: var(--green); }
/************************************ Ende: Grün ************************************/