@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SuisseIntl-Book.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SuisseIntl-Medium.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/SuisseIntl-SemiBold.otf") format("opentype");
}

html.pub-framed body {
  color: #1d272a !important;
  font-family: "Suisse Intl", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  padding: 40px 20px 80px !important;
}

html.pub-framed body > main,
html.pub-framed body > article,
html.pub-framed body > section,
html.pub-framed body > figure {
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 858px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  width: 100% !important;
}

html.pub-framed body > main:first-of-type,
html.pub-framed body > article:first-of-type,
html.pub-framed body > section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.pub-framed body > h1,
html.pub-framed body > p.dek {
  box-sizing: border-box;
  margin-left: 9px !important;
  margin-right: 9px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
}

html.pub-framed body > h1 {
  padding-top: 0 !important;
}

html.pub-framed h1,
html.pub-framed h2,
html.pub-framed h3 {
  color: #1d272a !important;
  font-family: "Newsreader", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html.pub-framed h1 {
  font-size: 2.35rem !important;
  line-height: 1.12 !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  max-width: 840px !important;
}

html.pub-framed h2 {
  font-size: 1.55rem !important;
  line-height: 1.18 !important;
  margin-bottom: 16px !important;
  margin-top: 48px !important;
  max-width: 780px !important;
}

html.pub-framed h3 {
  font-size: 1.2rem !important;
  line-height: 1.25 !important;
  margin: 32px 0 10px !important;
  max-width: 780px !important;
}

html.pub-framed p.dek {
  color: #425459 !important;
  font-family: "Suisse Intl", Arial, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  margin: 0 0 32px !important;
  max-width: 840px !important;
}

html.pub-framed .inshort h2 {
  font-size: 1.3rem !important;
  line-height: 1.18 !important;
  margin: 0 0 12px !important;
}

@media (max-width: 600px) {
  html.pub-framed body {
    padding: 24px 20px 64px !important;
  }

  html.pub-framed h1 {
    font-size: 1.95rem !important;
  }

  html.pub-framed h2 {
    font-size: 1.42rem !important;
  }
}
