@charset "UTF-8";
/**
 * Those styles enable the Zeitungsapp to change the size of the fonts. We have three sizes defined in the app.
 */
.changeSize.change2 span.Credit,
.changeSize.change3 span.Credit {
  font-size: 15px;
  line-height: 20px;
}

.changeSize.change2 span.BU,
.changeSize.change2 span.BU-i,
.changeSize.change2 span.BU-b,
.changeSize.change2 span.BU-bi,
.changeSize.change2 span.LTklein,
.changeSize.change2 span.LTklein-i,
.changeSize.change2 span.LTklein-b,
.changeSize.change2 span.LTklein-bi {
  font-size: 19px;
  line-height: 24px;
}

.changeSize.change2 span.Rubrik {
  font-size: 19px;
  line-height: 30px;
}

.changeSize.change3 span.Rubrik {
  font-size: 25px;
  line-height: 34px;
}

.changeSize.change3 span.BU,
.changeSize.change3 span.BU-i,
.changeSize.change3 span.BU-b,
.changeSize.change3 span.BU-bi,
.changeSize.change3 span.LTklein,
.changeSize.change3 span.LTklein-i,
.changeSize.change3 span.LTklein-b,
.changeSize.change3 span.LTklein-bi,
.changeSize.change2 span.Autor,
.changeSize.change3 span.Autor,
.changeSize.change2 span.LT,
.changeSize.change2 span.LT,
.changeSize.change2 span.LT-i,
.changeSize.change2 span.LT-b,
.changeSize.change2 button.LT-b,
.changeSize.change2 span.LT-bi,
.changeSize.change2 span.LT2,
.changeSize.change2 span.LT2-i {
  font-size: 25px;
  line-height: 30px;
}

.changeSize.change3 span.LT,
.changeSize.change3 span.LT-i,
.changeSize.change3 span.LT-b,
.changeSize.change3 button.LT-b,
.changeSize.change3 span.LT-bi,
.changeSize.change3 span.LT2,
.changeSize.change3 span.LT2-i,
.changeSize.change2 span.S-Teaser1 {
  font-size: 30px;
  line-height: 34px;
}

.changeSize.change3 span.S-Teaser1,
.changeSize.change2 span.Teaser1,
.changeSize.change3 span.Teaser1,
.changeSize.change2 span.Teaser1-bi,
.changeSize.change3 span.Teaser1-bi,
.changeSize.change2 span.Teaser1Cmp,
.changeSize.change3 span.Teaser1Cmp,
.changeSize.change2 span.Teaser2,
.changeSize.change3 span.Teaser2,
.changeSize.change2 span.Teaser2Cond,
.changeSize.change3 span.Teaser2Cond {
  font-size: 36px;
  line-height: 41px;
}

/* one column layout  */
@media screen and (max-width: 569px) and (orientation: portrait),
  screen and (max-width: 699px) and (orientation: landscape) {
  span.L-Teaser1,
  span.Teaser1,
  span.Teaser1-bi,
  span.Teaser1Cmp,
  span.Teaser2,
  span.Teaser2Cond,
  .changeSize.change3 span.S-Teaser1 {
    font-size: 30px !important;
    line-height: 34px !important;
  }

  span.S-Head1,
  span.S-Head1Cmp,
  span.S-Head2,
  span.S-Head2Cond {
    font-size: 36px !important;
    line-height: 41px !important;
  }

  span.M-Head2Cond {
    font-size: 56px !important;
    line-height: 67px !important;
  }

  span.M-Head1,
  span.L-Head1,
  span.M-Head1Cmp,
  span.L-Head1Cmp,
  span.M-Head2,
  span.L-Head2,
  span.L-Head2Cond,
  span.XL-Head,
  span.XXL-Head {
    font-size: 56px !important;
    line-height: 67px !important;
  }
}