@font-face {
  font-family: Minlo;
  src: url('../fonts/Minlo-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Minlo;
  src: url('../fonts/Minlo-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-Light-v5_003.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-LightItalic-v5_003.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-Regular-v5_003.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-RegularItalic-v5_003.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-Medium-v5_003.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-MediumItalic-v5_003.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-Bold-v5_003.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: BoschSans;
  src: url('../fonts/BoschSans-Black-v5_003.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

html {
  --pst-font-family-base-system: BoschSans, -apple-system, BlinkMacSystemFont, Segoe UI,
    "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  --pst-font-family-heading-system: BoschSans, -apple-system, BlinkMacSystemFont, Segoe UI,
    "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  --pst-font-family-monospace-system: Minlo, "SFMono-Regular", Menlo, Consolas, Monaco,
    Liberation Mono, Lucida Console, monospace;

  --pst-font-family-base: var(--pst-font-family-base-system);
  --pst-font-family-heading: var(--pst-font-family-heading-system);
  --pst-font-family-impact: var(--pst-font-family-impact-system);
  --pst-font-family-monospace: var(--pst-font-family-monospace-system);
}

html[data-theme=light] {
  --pst-color-text-base: #1A1C1D;
  --pst-color-headline: #000000;
  --pst-color-navbar-link: #2E3133;
}

html[data-theme=dark] {
  --pst-color-text-base: #E0E3E5;
  --pst-color-headline: #FFFFFF;
  --pst-color-navbar-link: #C2C7CC;
}

/* product name in the sidebar */
.logo__title {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}

/* product name on the homepage */
p.rubric {
  font-weight: 700 !important;
}

/* linear navigation buttons for next and previous doc at bottom of page */
p.prev-next-title {
  color: var(--pst-color-primary) !important;
}

/* sidebar navigation sub-headlines */
span.caption-text {
  font-weight: 700 !important;
}

/* sidebar navigation elements */
nav.bd-links a.reference.internal {
  color: var(--pst-color-navbar-link)
}

/* High specificity of above selector overrides the hover/active states etc. of the navigation elements so it has to be raised explicitly again */
.navbar-nav li a:focus,
.navbar-nav li a:hover,
.navbar-nav li.current>a {
  color: var(--pst-color-primary) !important;
}

/* copyright info in extra footer */
p.copyright {
  font-size: .9rem;
}

h1 {
  font-weight: 800 !important;
  font-size: 2.5rem;
  line-height: 1.25;

  color: var(--pst-color-headline) !important;
}

h2 {
  font-weight: 700 !important;
  font-size: 2rem;
  line-height: 1.3;

  color: var(--pst-color-headline) !important;

}

h3 {
  font-weight: 700 !important;
  font-size: 1.35rem;
  line-height: 1.35;

  color: var(--pst-color-headline) !important;
}

h4 {
  font-weight: 700 !important;
  font-size: 1.25rem;
  line-height: 1.4;

  color: var(--pst-color-headline) !important;
}

h5 {
  font-weight: 700 !important;
  font-size: 1.15rem;
  line-height: 1.5;

  color: var(--pst-color-headline) !important;
}

p {
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.5;

  color: var(--pst-color-text-base) !important;
}

li {
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.5;

  color: var(--pst-color-text-base) !important;
}

button {
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.5;
}

figcaption {
  font-weight: 400 !important;
  font-size: .75rem;
  line-height: 1.5;

  color: var(--pst-color-text-base) !important;
}

label {
  font-weight: 400 !important;
  font-size: .75rem;
  line-height: 1.5;
}

@media (max-width: 990px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

@media (max-width: 770px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}