/* -------------------------------------------
   Bricks-Style Breakpoints (Mobile-first)
   Global = Basis-Styles (für alle Devices)
   Mobile Portrait   : >= 0px
   Mobile Landscape  : >= 479px
   Tablet Hochformat : >= 768px
   Desktop           : >= 992px
------------------------------------------- */



/* Basis (SmHoch) */
h1 { font-size: 36px !important; line-height: 42px !important; margin-bottom: 20px !important; }
h2 { font-size: 28px !important; line-height: 34px !important; margin-bottom: 18px !important; }
h3 { font-size: 23px !important; line-height: 27px !important; margin-bottom: 15px !important; }
h4 { font-size: 17px !important; line-height: 21px !important; margin-bottom: 12px !important; }

/* Mobile Landscape (ab 479px) */
@media (min-width: 479px) {
    h1 { font-size: 42px !important; line-height: 48px !important; }
    h2 { font-size: 32px !important; line-height: 38px !important; }
    h3 { font-size: 25px !important; line-height: 30px !important; }
    h4 { font-size: 18px !important; line-height: 22px !important; }
}

/* Tablet (ab 768px) */
@media (min-width: 768px) {
    h1 { font-size: 48px !important; line-height: 54px !important; }
    h2 { font-size: 36px !important; line-height: 42px !important; }
    h3 { font-size: 28px !important; line-height: 33px !important; }
    h4 { font-size: 19px !important; line-height: 24px !important; }
}

/* Desktop (ab 992px) */
@media (min-width: 992px) {
    h1 { font-size: 56px !important; line-height: 62px !important; }
    h2 { font-size: 40px !important; line-height: 46px !important; }
    h3 { font-size: 30px !important; line-height: 36px !important; }
    h4 { font-size: 20px !important; line-height: 26px !important; }
}