@font-face {
  font-family: "Google Sans Flex";
  src: url("/fonts/GoogleSansFlex.woff2") format("woff2-variations");
  font-optical-sizing: auto;
  font-weight: 1 1000;
  font-style: normal;
  font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;
}
@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald.woff2") format("woff2-variations");
  font-optical-sizing: auto;
  font-weight: 200 700;
  font-style: normal;
}
@font-face {
  font-family: "Symbols";
  src: url("/fonts/NotoSansSymbols2-Regular.woff2") format("woff2-variations");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Wingdings";
  src: url("/fonts/wingding.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.5;
}

a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-offset: 0.1rem;
  text-decoration-thickness: 0.05rem;
  color: var(--primary);
  cursor: pointer;
}

button {
  cursor: pointer;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.capitals {
  font-variant-caps: all-small-caps;
  font-size: 115% !important;
}

.weight-100, .weight-100 * {
  font-weight: 100 !important;
}

.weight-nr, .weight-nr * {
  font-weight: normal !important;
}

.weight-500, .weight-500 * {
  font-weight: 500 !important;
}

.weight-700, .weight-700 * {
  font-weight: 700 !important;
}

.weight-800, .weight-800 * {
  font-weight: 800 !important;
}

.line-175, .line-175 * {
  line-height: 175%;
}

.line-150, .line-150 * {
  line-height: 150%;
}

.text-64, .text-64 * {
  font-size: 4rem;
}
@media (max-width: 55rem) {
  .text-64, .text-64 * {
    font-size: 3rem;
  }
}

.text-xl, .text-xl * {
  font-size: 2.25rem;
}

.text-lg, .text-lg * {
  font-size: 1.5rem;
}

.text-md, .text-md * {
  font-size: 1.25rem;
}

.text-nr, .text-nr * {
  font-size: 1rem;
}

.text-sm, .text-sm * {
  font-size: 0.875rem;
}

.text-xs, .text-xs * {
  font-size: 0.625rem;
}

.text-darkblue, .text-darkblue * {
  color: #161A41;
}

.text-center {
  text-align: center;
}

.text-primary {
  color: var(--primary);
}

.text-secondary {
  color: var(--secondary);
}

.emph, b {
  color: var(--primary);
  font-weight: 800;
  line-height: inherit;
}

@media (max-width: 70rem) {
  .desktop-only {
    display: none !important;
  }
}

@media (max-width: 55rem) {
  .tablet-above-only {
    display: none !important;
  }
}

@media (min-width: 70rem) {
  .tablet-below-only {
    display: none !important;
  }
}

@media (min-width: 55rem) {
  .phone-only {
    display: none !important;
  }
}

@media (max-width: 55rem) and (orientation: landscape) {
  .phone-portrait-only {
    display: none !important;
  }
}

.display-block {
  display: block !important;
}

.display-none {
  display: none !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
@media (max-width: 55rem) {
  .px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

.px-15 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media (max-width: 55rem) {
  .px-15 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

.px-2 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
@media (max-width: 55rem) {
  .px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.px-3 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-4 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media (max-width: 55rem) {
  .py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

.py-15 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (max-width: 55rem) {
  .py-15 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.py-2 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media (max-width: 55rem) {
  .py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.py-3 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-4 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-05 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
@media (max-width: 55rem) {
  .mx-05 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

.mx-1 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
@media (max-width: 55rem) {
  .mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

.mx-15 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media (max-width: 55rem) {
  .mx-15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

.mx-2 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
@media (max-width: 55rem) {
  .mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

.mx-3 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-4 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-05 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media (max-width: 55rem) {
  .my-05 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

.my-1 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
@media (max-width: 55rem) {
  .my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.my-15 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (max-width: 55rem) {
  .my-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

.my-2 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
@media (max-width: 55rem) {
  .my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

.my-3 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-4 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mtop-0 {
  margin-top: 0rem !important;
}

.mbot-0 {
  margin-bottom: 0rem !important;
}

.ptop-0 {
  padding-top: 0rem !important;
}

.pbot-0 {
  padding-bottom: 0rem !important;
}/*# sourceMappingURL=general.css.map */