@charset "UTF-8";
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Colors
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
MQs
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Grid
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Typo
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Misc / Extends
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
img,
object,
embed {
  max-width: 100%; }

*,
*:before,
*:after {
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0; }

img,
iframe {
  display: block;
  width: 100%; }

html {
  width: 100%;
  height: 100%; }

body {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  min-height: 100%; }

header,
main,
footer {
  margin: 0 auto;
  max-width: 105em;
  width: 100%; }

main {
  position: relative;
  margin-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    main {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    main {
      margin-bottom: 6.5rem; } }
.wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  @media (min-width: 56.25em) {
    .wrap {
      padding-left: 0rem; } }
  @media (min-width: 65em) {
    .wrap {
      padding-left: 15rem; } }
@media (min-width: 56.25em) {
  .introwrap {
    width: 100%; } }

@media (min-width: 65em) {
  .introwrap {
    width: 75%; } }

@font-face {
  font-family: 'DIN2014';
  font-weight: 300;
  src: url("/static/fonts/din2014/36A81A_3_0.woff2") format("woff2"); }

@font-face {
  font-family: 'DIN2014';
  font-weight: normal;
  src: url("/static/fonts/din2014/36A81A_5_0.woff2") format("woff2"); }

@font-face {
  font-family: 'DIN2014';
  font-weight: 700;
  src: url("/static/fonts/din2014/36A81A_0_0.woff2") format("woff2"); }

@font-face {
  font-family: 'Source Code Pro';
  font-weight: 300;
  src: url("/static/fonts/sourcecodepro/source-code-pro-v20-latin-ext_latin-300.woff2") format("woff2"); }

@font-face {
  font-family: 'Source Code Pro';
  font-weight: normal;
  src: url("/static/fonts/sourcecodepro/source-code-pro-v20-latin-ext_latin-regular.woff2") format("woff2"); }

@font-face {
  font-family: 'Source Code Pro';
  font-weight: normal;
  font-style: italic;
  src: url("/static/fonts/sourcecodepro/source-code-pro-v20-latin-ext_latin-italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Source Code Pro';
  font-weight: bold;
  src: url("/static/fonts/sourcecodepro/source-code-pro-v20-latin-ext_latin-700.woff2") format("woff2"); }

html {
  font-size: 1em; }

body * {
  line-height: calc(5px + 2.1ex); }

body,
input,
textarea,
button,
select {
  color: #000;
  font-family: "Source Code Pro", "Courier New", Courier, monospace;
  font-weight: 300; }

svg {
  fill: #000; }

h1,
h2,
h3,
h4,
p,
ul,
ol {
  margin-top: 0; }

h1 {
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: calc(1.5625rem + 1.875 * ((100vw - 25rem) / 80));
  margin-bottom: calc(2rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    h1 {
      font-size: 1.5625rem; } }
  @media (min-width: 105em) {
    h1 {
      font-size: 3.4375rem; } }
  @media (max-width: calc(25em - .001em)) {
    h1 {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    h1 {
      margin-bottom: 3rem; } }
  h1:after {
    margin-top: calc(-0.25rem + -0.5 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      h1:after {
        margin-top: -0.25rem; } }
    @media (min-width: 105em) {
      h1:after {
        margin-top: -0.75rem; } }
  h1 a {
    color: #000; }

h2 {
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: calc(1.5625rem + 1.875 * ((100vw - 25rem) / 80));
  margin-bottom: calc(2rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    h2 {
      font-size: 1.5625rem; } }
  @media (min-width: 105em) {
    h2 {
      font-size: 3.4375rem; } }
  @media (max-width: calc(25em - .001em)) {
    h2 {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    h2 {
      margin-bottom: 3rem; } }
  h2:after {
    margin-top: calc(-0.25rem + -0.5 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      h2:after {
        margin-top: -0.25rem; } }
    @media (min-width: 105em) {
      h2:after {
        margin-top: -0.75rem; } }
  h2 a {
    color: #000; }

h3 {
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: calc(1.375rem + 0.4375 * ((100vw - 25rem) / 80));
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    h3 {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    h3 {
      font-size: 1.8125rem; } }
  @media (max-width: calc(25em - .001em)) {
    h3 {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    h3 {
      margin-bottom: 2rem; } }
h4,
h5,
h6 {
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: calc(1.125rem + 0.25 * ((100vw - 25rem) / 80));
  margin-bottom: 0; }
  @media (max-width: calc(25em - .001em)) {
    h4,
    h5,
    h6 {
      font-size: 1.125rem; } }
  @media (min-width: 105em) {
    h4,
    h5,
    h6 {
      font-size: 1.375rem; } }
.ui-emphasize {
  font-style: italic; }

p,
ul,
ol,
dl,
table,
address,
.ui-text {
  font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    p,
    ul,
    ol,
    dl,
    table,
    address,
    .ui-text {
      font-size: 0.9375rem; } }
  @media (min-width: 105em) {
    p,
    ul,
    ol,
    dl,
    table,
    address,
    .ui-text {
      font-size: 1.125rem; } }
  p:empty,
  ul:empty,
  ol:empty,
  dl:empty,
  table:empty,
  address:empty,
  .ui-text:empty {
    display: none; }

p,
address,
.paragraph,
.doc-section {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    p,
    address,
    .paragraph,
    .doc-section {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    p,
    address,
    .paragraph,
    .doc-section {
      margin-bottom: 2rem; } }
  p:last-child,
  address:last-child,
  .paragraph:last-child,
  .doc-section:last-child {
    margin-bottom: 0; }

ul,
ol {
  list-style-type: none;
  padding-left: 0; }

dl {
  margin-top: 0; }

dd {
  margin-left: 0; }

a {
  text-decoration: underline;
  color: #454545; }

sup,
sub {
  position: relative;
  font-size: 0.75em;
  vertical-align: baseline; }

sup {
  top: -0.35em; }

sub {
  top: 0.3em; }

address {
  font-style: normal; }

small,
.ui-small,
.small,
.ui-small > *,
.small > *,
.caption {
  font-size: 1.125rem; }

.ui-smaller {
  font-size: 0.8125rem; }

.ui-uc {
  text-transform: uppercase; }

.ui-mc {
  text-transform: none; }

.ui-lc {
  text-transform: lowercase; }

.ui-body,
.olist,
.ulist {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-body,
    .olist,
    .ulist {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .ui-body,
    .olist,
    .ulist {
      margin-bottom: 2rem; } }
  .ui-body a,
  .olist a,
  .ulist a {
    text-decoration: underline; }

section a {
  text-decoration: underline; }

main ul:not(.pagination, .probes) {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    main ul:not(.pagination, .probes) {
      margin-bottom: 0.5rem; } }
  @media (min-width: 105em) {
    main ul:not(.pagination, .probes) {
      margin-bottom: 1rem; } }
  main ul:not(.pagination, .probes) > li {
    position: relative;
    margin-left: 1.25em; }
    main ul:not(.pagination, .probes) > li:before {
      position: absolute;
      margin-left: -1.25em; }
    main ul:not(.pagination, .probes) > li:last-child {
      margin-bottom: 0; }

main ul:not(.pagination, .probes) > li:before {
  content: '–\0020'; }

main .result ul:not(.pagination, .probes) > li.icon-passed:before {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  vertical-align: middle;
  background: url("/static/img/icon-passed.png") no-repeat left center;
  background-size: contain;
  content: ''; }

main .result ul:not(.pagination, .probes) > li.icon-warning:before {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  vertical-align: middle;
  background: url("/static/img/icon-warning.png") no-repeat left center;
  background-size: contain;
  content: ''; }

main .result ul:not(.pagination, .probes) > li.icon-failed:before {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  vertical-align: middle;
  background: url("/static/img/icon-error.png") no-repeat left center;
  background-size: contain;
  content: ''; }

main .result ul:not(.pagination, .probes) > li.icon-error:before {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  vertical-align: middle;
  background: url("/static/img/icon-probe-error.png") no-repeat left center;
  background-size: contain;
  content: ''; }

main .result ul:not(.pagination, .probes) > li.icon-info:before {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  vertical-align: middle;
  background: url("/static/img/icon-info.png") no-repeat left center;
  background-size: contain;
  content: ''; }

main .result ul:not(.pagination, .probes) li a {
  margin-left: 14px;
  padding-top: 4px;
  display: block; }

.faq-test {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  margin-bottom: 12px; }

.faq-test.passed {
  background-image: url(/static/img/icon-passed.png), none; }

.faq-test.failed {
  background-image: url(/static/img/icon-error.png), none; }

.faq-test.warning {
  background-image: url(/static/img/icon-warning.png), none; }

.faq-test.info {
  background-image: url(/static/img/icon-info.png), none; }

.faq-test.error {
  background-image: url(/static/img/icon-probe-error.png), none; }

.faq-subtest {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  margin-bottom: 12px; }

.faq-subtest.passed {
  background-image: url(/static/img/icon-passed.png), none; }

.faq-subtest.failed {
  background-image: url(/static/img/icon-error.png), none; }

.faq-subtest.warning {
  background-image: url(/static/img/icon-warning.png), none; }

.faq-subtest.info {
  background-image: url(/static/img/icon-info.png), none; }

.faq-subtest.error {
  background-image: url(/static/img/icon-probe-error.png), none; }

aside .block.news div {
  font-size: 0.8125rem; }

main ol {
  list-style-type: arabic; }
  main ol.loweralpha {
    list-style-type: lower-alpha; }
  main ol > li {
    position: relative;
    margin-left: 1.75em; }
    main ol > li:last-child {
      margin-bottom: 0; }

main li {
  margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    main li {
      margin-bottom: 0.5rem; } }
  @media (min-width: 105em) {
    main li {
      margin-bottom: 1rem; } }
main li > ol,
main li > ul {
  margin-top: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    main li > ol,
    main li > ul {
      margin-top: 0.5rem; } }
  @media (min-width: 105em) {
    main li > ol,
    main li > ul {
      margin-top: 1rem; } }
.dlist {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .dlist {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .dlist {
      margin-bottom: 2rem; } }
dt {
  margin-bottom: calc(0.25rem + 0.25 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    dt {
      margin-bottom: 0.25rem; } }
  @media (min-width: 105em) {
    dt {
      margin-bottom: 0.5rem; } }
dd {
  margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80));
  margin-left: 1rem; }
  @media (max-width: calc(25em - .001em)) {
    dd {
      margin-bottom: 0.5rem; } }
  @media (min-width: 105em) {
    dd {
      margin-bottom: 1rem; } }
.ui-textlink {
  text-decoration: underline; }

.quote-block {
  border-top: solid 1px #454545;
  border-bottom: solid 1px #454545;
  padding-top: calc(1rem + 1 * ((100vw - 25rem) / 80));
  padding-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80));
  padding-left: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80));
  padding-right: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80));
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .quote-block {
      padding-top: 1rem; } }
  @media (min-width: 105em) {
    .quote-block {
      padding-top: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    .quote-block {
      padding-bottom: 1rem; } }
  @media (min-width: 105em) {
    .quote-block {
      padding-bottom: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    .quote-block {
      padding-left: 0.5rem; } }
  @media (min-width: 105em) {
    .quote-block {
      padding-left: 1rem; } }
  @media (max-width: calc(25em - .001em)) {
    .quote-block {
      padding-right: 0.5rem; } }
  @media (min-width: 105em) {
    .quote-block {
      padding-right: 1rem; } }
  @media (max-width: calc(25em - .001em)) {
    .quote-block {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .quote-block {
      margin-bottom: 2rem; } }
  .quote-block p + footer {
    margin-top: calc(-0.5rem + -0.5 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .quote-block p + footer {
        margin-top: -0.5rem; } }
    @media (min-width: 105em) {
      .quote-block p + footer {
        margin-top: -1rem; } }
  .quote-block cite {
    font-style: italic;
    font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .quote-block cite {
        font-size: 0.9375rem; } }
    @media (min-width: 105em) {
      .quote-block cite {
        font-size: 1.125rem; } }
.listing-block:not(:has(.highlight)),
.highlight {
  font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80));
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80));
  padding: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80));
  background: #2B303B; }
  @media (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      font-size: 0.9375rem; } }
  @media (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      font-size: 1.125rem; } }
  @media (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-bottom: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding: 0.5rem; } }
  @media (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding: 1rem; } }
  @media (max-width: 47.999em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-left: calc(-2rem + -6 * ((100vw - 25rem) / 80));
      margin-right: calc(-2rem + -6 * ((100vw - 25rem) / 80));
      padding-left: calc(2rem + 6 * ((100vw - 25rem) / 80));
      padding-right: calc(2rem + 6 * ((100vw - 25rem) / 80)); } }
  @media (max-width: 47.999em) and (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-left: -2rem; } }
  @media (max-width: 47.999em) and (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-left: -8rem; } }
  @media (max-width: 47.999em) and (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-right: -2rem; } }
  @media (max-width: 47.999em) and (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      margin-right: -8rem; } }
  @media (max-width: 47.999em) and (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding-left: 2rem; } }
  @media (max-width: 47.999em) and (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding-left: 8rem; } }
  @media (max-width: 47.999em) and (max-width: calc(25em - .001em)) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding-right: 2rem; } }
  @media (max-width: 47.999em) and (min-width: 105em) {
    .listing-block:not(:has(.highlight)),
    .highlight {
      padding-right: 8rem; } }
  .listing-block:not(:has(.highlight)) *,
  .highlight * {
    color: #fff;
    background-color: transparent !important; }
  .listing-block:not(:has(.highlight)) table,
  .highlight table {
    width: auto; }

pre.highlight,
pre.highlight code,
.highlight pre,
.highlight pre code {
  font-family: "Source Code Pro", "Courier New", Courier, monospace;
  white-space: pre-wrap; }

.image-block img {
  margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .image-block img {
      margin-bottom: 0.5rem; } }
  @media (min-width: 105em) {
    .image-block img {
      margin-bottom: 1rem; } }
.bigcopy {
  font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .bigcopy {
      font-size: 0.9375rem; } }
  @media (min-width: 105em) {
    .bigcopy {
      font-size: 1.125rem; } }
section blockquote {
  border-left: 3px solid #D1D1D1;
  padding: 0 8px; }

@media print {
  .ui-noprint,
  nav,
  footer {
    display: none !important; }
  html {
    font-size: 0.9em; }
  body {
    background: white;
    width: 95%;
    margin: 0 auto;
    overflow: visible !important;
    display: block; } }

.ui-container {
  padding-left: calc(2rem + 6 * ((100vw - 25rem) / 80));
  padding-right: calc(2rem + 6 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-container {
      padding-left: 2rem; } }
  @media (min-width: 105em) {
    .ui-container {
      padding-left: 8rem; } }
  @media (max-width: calc(25em - .001em)) {
    .ui-container {
      padding-right: 2rem; } }
  @media (min-width: 105em) {
    .ui-container {
      padding-right: 8rem; } }
.ui-maingrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 2rem;
  width: 100%; }
  .ui-maingrid > * {
    grid-column: span 2; }
  @media (min-width: 48em) {
    .ui-maingrid {
      grid-template-columns: repeat(7, minmax(0, 1fr)); }
      .ui-maingrid > * {
        grid-column: span 7; } }
.ui-maingrid__ng {
  grid-gap: 0; }

.ui-block {
  padding-top: calc(2rem + 4.5 * ((100vw - 25rem) / 80));
  padding-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-block {
      padding-top: 2rem; } }
  @media (min-width: 105em) {
    .ui-block {
      padding-top: 6.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .ui-block {
      padding-bottom: 2rem; } }
  @media (min-width: 105em) {
    .ui-block {
      padding-bottom: 6.5rem; } }
.ui-block__white {
  background: #fff; }
  .ui-block__white * {
    color: #000; }

.ui-block__grey {
  background: #D1D1D1; }

.ui-block__black {
  background: #000; }
  .ui-block__black,
  .ui-block__black * {
    color: #fff; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Margin and padding helper classes
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.ui-mb-xsm {
  margin-bottom: calc(0.25rem + 0.25 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mb-xsm {
      margin-bottom: 0.25rem; } }
  @media (min-width: 105em) {
    .ui-mb-xsm {
      margin-bottom: 0.5rem; } }
.ui-mb-sm {
  margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mb-sm {
      margin-bottom: 0.5rem; } }
  @media (min-width: 105em) {
    .ui-mb-sm {
      margin-bottom: 1rem; } }
.ui-mb {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mb {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .ui-mb {
      margin-bottom: 2rem; } }
.ui-mb-lg {
  margin-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mb-lg {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    .ui-mb-lg {
      margin-bottom: 6.5rem; } }
.ui-no-mb {
  margin-bottom: 0 !important; }

.ui-mt-sm {
  margin-top: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mt-sm {
      margin-top: 0.5rem; } }
  @media (min-width: 105em) {
    .ui-mt-sm {
      margin-top: 1rem; } }
.ui-mt {
  margin-top: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mt {
      margin-top: 1rem; } }
  @media (min-width: 105em) {
    .ui-mt {
      margin-top: 2rem; } }
.ui-mt-lg {
  margin-top: calc(2rem + 2 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .ui-mt-lg {
      margin-top: 2rem; } }
  @media (min-width: 105em) {
    .ui-mt-lg {
      margin-top: 4rem; } }
table {
  table-layout: fixed;
  border-collapse: collapse;
  border: hidden;
  border-color: green;
  width: 100%;
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    table {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    table {
      margin-bottom: 2rem; } }
th {
  text-align: left; }
  th td,
  th .ui-table--cell {
    border-top: 1px solid #454545;
    font-weight: normal; }

tbody tr:nth-child(odd) td {
  background-color: #fff; }

tbody tr:nth-child(even) td {
  background-color: #fff; }

th,
td {
  padding: 0.5rem;
  border-bottom: 1px solid #454545; }
  th:not(:last-child),
  td:not(:last-child) {
    border-right: 1px solid #454545; }
  @media (min-width: 56.25em) {
    th,
    td {
      padding: 0.75rem; } }
tfoot {
  font-weight: bold;
  background: #D1D1D1; }

.ui-button {
  position: relative;
  display: inline-block;
  padding: 0.65rem 1.3rem 0.55rem;
  color: #fff;
  border: solid 1px #D1D1D1;
  background: #000;
  text-align: center;
  font-family: "Source Code Pro", "Courier New", Courier, monospace;
  font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80));
  text-decoration: none;
  cursor: pointer; }
  @media (max-width: calc(25em - .001em)) {
    .ui-button {
      font-size: 0.9375rem; } }
  @media (min-width: 105em) {
    .ui-button {
      font-size: 1.125rem; } }
  .ui-button:hover, .ui-button:active, .ui-button:focus, .ui-button:active:focus, .ui-button:active:hover, .ui-button.is-active {
    background: #454545; }
  .ui-button:disabled, .ui-button[aria-disabled='true'], .ui-button:disabled:hover, .ui-button[aria-disabled='true']:hover {
    background: #fff;
    color: #454545;
    box-shadow: none;
    cursor: default; }

.ui-button__xsmall {
  font-size: calc(0.8125rem + 0.3125 * ((100vw - 25rem) / 80));
  padding: 0.125rem 0.3rem 0; }
  @media (max-width: calc(25em - .001em)) {
    .ui-button__xsmall {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    .ui-button__xsmall {
      font-size: 1.125rem; } }
.ui-button__small {
  font-size: calc(1.125rem + 0 * ((100vw - 25rem) / 80));
  padding: 0.3rem 0.5rem 0.2rem; }
  @media (max-width: calc(25em - .001em)) {
    .ui-button__small {
      font-size: 1.125rem; } }
  @media (min-width: 105em) {
    .ui-button__small {
      font-size: 1.125rem; } }
.ui-button__large {
  font-size: calc(1.375rem + 0.1875 * ((100vw - 25rem) / 80));
  padding: 0.9rem 2rem 0.75rem; }
  @media (max-width: calc(25em - .001em)) {
    .ui-button__large {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .ui-button__large {
      font-size: 1.5625rem; } }
.ui-button__xlarge {
  font-size: calc(1.5625rem + 0.25 * ((100vw - 25rem) / 80));
  padding: 0.9rem 2.5rem 0.8rem; }
  @media (max-width: calc(25em - .001em)) {
    .ui-button__xlarge {
      font-size: 1.5625rem; } }
  @media (min-width: 105em) {
    .ui-button__xlarge {
      font-size: 1.8125rem; } }
.ui-button__fullwidth {
  width: 100%; }

.ui-button__blank {
  border: none;
  background: none;
  outline: none;
  padding: 0;
  box-shadow: none;
  color: #000;
  -webkit-appearance: none;
  cursor: pointer; }
  .ui-button__blank:hover {
    color: #000;
    border: none;
    background: transparent; }
  .ui-button__blank:active {
    color: #000;
    background: transparent; }

@media (min-width: 0em) {
  .ui-hidden-min-print {
    display: none; } }

@media (max-width: -0.001em) {
  .ui-hidden-max-print {
    display: none; } }

@media (min-width: 21.5em) {
  .ui-hidden-min-ssmb {
    display: none; } }

@media (max-width: 21.499em) {
  .ui-hidden-max-ssmb {
    display: none; } }

@media (min-width: 25em) {
  .ui-hidden-min-smb {
    display: none; } }

@media (max-width: 24.999em) {
  .ui-hidden-max-smb {
    display: none; } }

@media (min-width: 30em) {
  .ui-hidden-min-mb {
    display: none; } }

@media (max-width: 29.999em) {
  .ui-hidden-max-mb {
    display: none; } }

@media (min-width: 36.25em) {
  .ui-hidden-min-tn {
    display: none; } }

@media (max-width: 36.249em) {
  .ui-hidden-max-tn {
    display: none; } }

@media (min-width: 48em) {
  .ui-hidden-min-sm {
    display: none; } }

@media (max-width: 47.999em) {
  .ui-hidden-max-sm {
    display: none; } }

@media (min-width: 56.25em) {
  .ui-hidden-min-md {
    display: none; } }

@media (max-width: 56.249em) {
  .ui-hidden-max-md {
    display: none; } }

@media (min-width: 65em) {
  .ui-hidden-min-lg {
    display: none; } }

@media (max-width: 64.999em) {
  .ui-hidden-max-lg {
    display: none; } }

@media (min-width: 75em) {
  .ui-hidden-min-big {
    display: none; } }

@media (max-width: 74.999em) {
  .ui-hidden-max-big {
    display: none; } }

@media (min-width: 87.5em) {
  .ui-hidden-min-bigx {
    display: none; } }

@media (max-width: 87.499em) {
  .ui-hidden-max-bigx {
    display: none; } }

@media (min-width: 105em) {
  .ui-hidden-min-max {
    display: none; } }

@media (max-width: 104.999em) {
  .ui-hidden-max-max {
    display: none; } }

.hidethis {
  display: none; }

input {
  font-style: italic;
  appearance: none;
  font-size: 1.0em;
  width: 100%;
  padding: 12px 2px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #D1D1D1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none; }

input:focus {
  outline: none;
  font-size: 1.0em;
  border-bottom: 1px solid #000; }

.admonition-block {
  border-top: solid 1px #454545;
  border-bottom: solid 1px #454545;
  padding-top: calc(1rem + 1 * ((100vw - 25rem) / 80));
  padding-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80));
  padding-left: calc(5.5rem + 2.5 * ((100vw - 25rem) / 80));
  padding-right: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80));
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80));
  background: url("/assets/img/info.svg") 0.5rem center no-repeat; }
  @media (max-width: calc(25em - .001em)) {
    .admonition-block {
      padding-top: 1rem; } }
  @media (min-width: 105em) {
    .admonition-block {
      padding-top: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    .admonition-block {
      padding-bottom: 1rem; } }
  @media (min-width: 105em) {
    .admonition-block {
      padding-bottom: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    .admonition-block {
      padding-left: 5.5rem; } }
  @media (min-width: 105em) {
    .admonition-block {
      padding-left: 8rem; } }
  @media (max-width: calc(25em - .001em)) {
    .admonition-block {
      padding-right: 0.5rem; } }
  @media (min-width: 105em) {
    .admonition-block {
      padding-right: 1rem; } }
  @media (max-width: calc(25em - .001em)) {
    .admonition-block {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .admonition-block {
      margin-bottom: 2rem; } }
  .admonition-block + .admonition-block {
    margin-top: calc(-1rem + -1 * ((100vw - 25rem) / 80));
    border-top: 0; }
    @media (max-width: calc(25em - .001em)) {
      .admonition-block + .admonition-block {
        margin-top: -1rem; } }
    @media (min-width: 105em) {
      .admonition-block + .admonition-block {
        margin-top: -2rem; } }
  .admonition-block.note * {
    color: #454545; }
  .admonition-block.important {
    background-color: #D1D1D1; }
  .admonition-block.caution *, .admonition-block.warning * {
    color: #FF6044; }
  .admonition-block .block-title .title-label {
    display: none; }

.conum {
  position: relative;
  z-index: 1;
  color: #000;
  margin-left: 0.5rem; }
  .conum:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(1rem + 0.5 * ((100vw - 25rem) / 80));
    height: calc(1rem + 0.5 * ((100vw - 25rem) / 80));
    border-radius: 50%;
    background: #fff;
    z-index: -1; }
    @media (max-width: calc(25em - .001em)) {
      .conum:before {
        width: 1rem; } }
    @media (min-width: 105em) {
      .conum:before {
        width: 1.5rem; } }
    @media (max-width: calc(25em - .001em)) {
      .conum:before {
        height: 1rem; } }
    @media (min-width: 105em) {
      .conum:before {
        height: 1.5rem; } }
.ui-center {
  text-align: center; }

.ui-right {
  text-align: right; }

.ui-italic {
  font-style: italic; }

.hidden,
.ui-hidden {
  display: none !important; }

.ui-visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }
  .ui-visually-hidden.focusable:active, .ui-visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto; }

.visuallyhidden, .hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-noflow {
  overflow: hidden; }

.ui-breakme {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  hyphenate-limit-chars: 8 3 3;
  hyphenate-limit-lines: 3;
  hyphenate-limit-last: always;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3; }

hr {
  border: none;
  height: 1px;
  background: #454545; }

.ui-iframewrap,
.ui-videowrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .ui-iframewrap iframe,
  .ui-videowrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.contact-cta {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; }
  @media (max-width: 36.249em) {
    .contact-cta {
      transform: rotate(-90deg) translateY(85%); } }
.header--langnav button {
  cursor: pointer;
  color: #454545;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  font-size: 1.125rem; }

header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  padding-top: calc(1.5rem + 0.5 * ((100vw - 25rem) / 80));
  padding-bottom: calc(1.5rem + 0.5 * ((100vw - 25rem) / 80));
  margin-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80));
  background: #fff;
  box-shadow: 0 0 5px #1A1717;
  z-index: 1; }
  @media (max-width: calc(25em - .001em)) {
    header {
      padding-top: 1.5rem; } }
  @media (min-width: 105em) {
    header {
      padding-top: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    header {
      padding-bottom: 1.5rem; } }
  @media (min-width: 105em) {
    header {
      padding-bottom: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    header {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    header {
      margin-bottom: 6.5rem; } }
  @media (min-width: 105em) {
    header:before, header:after {
      content: '';
      position: absolute;
      top: 0;
      height: 100%;
      background: #fff;
      width: 5px; }
    header:before {
      left: -5px; }
    header:after {
      right: -5px; } }
.header--logo {
  width: calc(2.75rem + 1.25 * ((100vw - 25rem) / 80));
  height: calc(2.75rem + 1.25 * ((100vw - 25rem) / 80));
  margin-left: 6px; }
  @media (max-width: calc(25em - .001em)) {
    .header--logo {
      width: 2.75rem; } }
  @media (min-width: 105em) {
    .header--logo {
      width: 4rem; } }
  @media (max-width: calc(25em - .001em)) {
    .header--logo {
      height: 2.75rem; } }
  @media (min-width: 105em) {
    .header--logo {
      height: 4rem; } }
  .header--logo img,
  .header--logo svg {
    width: 100%;
    height: 100%; }

.header--langnav {
  margin-left: auto;
  margin-right: calc(0.5rem + 2.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .header--langnav {
      margin-right: 0.5rem; } }
  @media (min-width: 105em) {
    .header--langnav {
      margin-right: 3rem; } }
  .header--langnav .is-active {
    display: none; }

main + footer {
  margin-top: auto;
  background: #000;
  padding-top: calc(4rem + -1.5 * ((100vw - 25rem) / 80));
  padding-bottom: 2.5rem; }
  @media (max-width: calc(25em - .001em)) {
    main + footer {
      padding-top: 4rem; } }
  @media (min-width: 105em) {
    main + footer {
      padding-top: 2.5rem; } }
  main + footer,
  main + footer * {
    font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
    font-size: calc(0.8125rem + 0.3125 * ((100vw - 25rem) / 80));
    color: #fff; }
    @media (max-width: calc(25em - .001em)) {
      main + footer,
      main + footer * {
        font-size: 0.8125rem; } }
    @media (min-width: 105em) {
      main + footer,
      main + footer * {
        font-size: 1.125rem; } }
.footer--inner {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: repeat(3, min-content); }
  @media (min-width: 48em) {
    .footer--inner {
      grid-template-columns: 1fr min-content max-content max-content max-content;
      grid-template-rows: 1fr;
      grid-gap: 1rem; } }
.footer--social {
  align-self: end;
  display: flex;
  align-items: center; }
  @media (max-width: 47.999em) {
    .footer--social {
      grid-column: 1;
      grid-row: 3;
      justify-self: center; } }
.footer--social--item {
  display: block; }
  .footer--social--item:not(:last-child) {
    margin-right: 0.5rem; }
  .footer--social--item svg {
    width: 100%;
    height: 100%;
    fill: #656565; }

.footer--social--item__twitter {
  width: 23px;
  height: 20px; }

.footer--social--item__linkedin {
  width: 22px;
  height: 25px; }

@media (max-width: 47.999em) {
  .footer--logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: center; } }

.footer--logo svg {
  fill: #fff; }

@media (max-width: 47.999em) {
  .footer--contact {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 2rem; } }

@media (min-width: 48em) {
  .footer--contact {
    margin-right: calc(2rem + 4 * ((100vw - 25rem) / 80)); } }
  @media (min-width: 48em) and (max-width: calc(25em - .001em)) {
    .footer--contact {
      margin-right: 2rem; } }
  @media (min-width: 48em) and (min-width: 105em) {
    .footer--contact {
      margin-right: 6rem; } }
@media (max-width: 47.999em) {
  .footer--navigation1 {
    grid-column: 2;
    grid-row: 2; } }

@media (min-width: 48em) {
  .footer--navigation1 {
    margin-right: calc(2rem + 4 * ((100vw - 25rem) / 80)); } }
  @media (min-width: 48em) and (max-width: calc(25em - .001em)) {
    .footer--navigation1 {
      margin-right: 2rem; } }
  @media (min-width: 48em) and (min-width: 105em) {
    .footer--navigation1 {
      margin-right: 6rem; } }
@media (max-width: 47.999em) {
  .footer--navigation2 {
    grid-column: 2;
    grid-row: 3;
    margin-bottom: 0.25rem; } }

.footernav--link {
  color: #656565; }

.mainnav--toggle,
.mainnav--close {
  padding: 0.5rem;
  width: calc(3rem + 0.75 * ((100vw - 25rem) / 80));
  line-height: 0; }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--toggle,
    .mainnav--close {
      width: 3rem; } }
  @media (min-width: 105em) {
    .mainnav--toggle,
    .mainnav--close {
      width: 3.75rem; } }
  .mainnav--toggle svg,
  .mainnav--close svg {
    width: 100%; }

.mainnav--toggle:hover {
  background: #D1D1D1; }

.mainnav--close svg {
  fill: #fff; }

.mainnav--items {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1A1717;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: space-around;
  padding-top: calc(0.75rem + 1.75 * ((100vw - 25rem) / 80));
  padding-bottom: calc(0.75rem + 1.75 * ((100vw - 25rem) / 80));
  padding-left: calc(0.5rem + 11.5 * ((100vw - 25rem) / 80));
  padding-right: calc(0.5rem + 3.5 * ((100vw - 25rem) / 80));
  display: none;
  z-index: 1; }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--items {
      padding-top: 0.75rem; } }
  @media (min-width: 105em) {
    .mainnav--items {
      padding-top: 2.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--items {
      padding-bottom: 0.75rem; } }
  @media (min-width: 105em) {
    .mainnav--items {
      padding-bottom: 2.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--items {
      padding-left: 0.5rem; } }
  @media (min-width: 105em) {
    .mainnav--items {
      padding-left: 12rem; } }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--items {
      padding-right: 0.5rem; } }
  @media (min-width: 105em) {
    .mainnav--items {
      padding-right: 4rem; } }
  @media (min-width: 36.25em) {
    .mainnav--items {
      left: 33.34%; } }
  @media (min-width: 56.25em) {
    .mainnav--items {
      left: 50%; } }
  .mainnav--items[aria-hidden='false'] {
    display: flex; }
  .mainnav--items * {
    color: #fff; }
  .mainnav--items li {
    margin-bottom: calc(0.5rem + 0.5 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .mainnav--items li {
        margin-bottom: 0.5rem; } }
    @media (min-width: 105em) {
      .mainnav--items li {
        margin-bottom: 1rem; } }
  .mainnav--items .is-active a {
    color: #FF6044; }
  .mainnav--items a {
    display: block;
    font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: calc(1.125rem + 0.6875 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .mainnav--items a {
        font-size: 1.125rem; } }
    @media (min-width: 105em) {
      .mainnav--items a {
        font-size: 1.8125rem; } }
ul.mainnav--list {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: calc(1rem + 1 * ((100vw - 25rem) / 80));
  margin-right: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    ul.mainnav--list {
      margin-left: 1rem; } }
  @media (min-width: 105em) {
    ul.mainnav--list {
      margin-left: 2rem; } }
  @media (max-width: calc(25em - .001em)) {
    ul.mainnav--list {
      margin-right: 1rem; } }
  @media (min-width: 105em) {
    ul.mainnav--list {
      margin-right: 2rem; } }
@media (min-height: 48em) {
  ul.mainnav--list__business {
    margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); } }
  @media (min-height: 48em) and (max-width: calc(25em - .001em)) {
    ul.mainnav--list__business {
      margin-bottom: 1rem; } }
  @media (min-height: 48em) and (min-width: 105em) {
    ul.mainnav--list__business {
      margin-bottom: 2rem; } }
@media (min-height: 48em) {
  ul.mainnav--list__main {
    margin-top: calc(1rem + 1 * ((100vw - 25rem) / 80)); } }
  @media (min-height: 48em) and (max-width: calc(25em - .001em)) {
    ul.mainnav--list__main {
      margin-top: 1rem; } }
  @media (min-height: 48em) and (min-width: 105em) {
    ul.mainnav--list__main {
      margin-top: 2rem; } }
.mainnav--close {
  position: absolute;
  top: calc(1.75rem + 0.5 * ((100vw - 25rem) / 80));
  right: calc(2rem + 6 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--close {
      top: 1.75rem; } }
  @media (min-width: 105em) {
    .mainnav--close {
      top: 2.25rem; } }
  @media (max-width: calc(25em - .001em)) {
    .mainnav--close {
      right: 2rem; } }
  @media (min-width: 105em) {
    .mainnav--close {
      right: 8rem; } }
.hero {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-top: calc(2rem + 4.5 * ((100vw - 25rem) / 80));
  padding-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .hero {
      padding-top: 2rem; } }
  @media (min-width: 105em) {
    .hero {
      padding-top: 6.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .hero {
      padding-bottom: 2rem; } }
  @media (min-width: 105em) {
    .hero {
      padding-bottom: 6.5rem; } }
  @media (max-width: 36.249em) {
    .hero {
      margin-top: -2rem; } }
  .hero img,
  .hero svg {
    display: block;
    width: calc(3rem + 3.5 * ((100vw - 25rem) / 80));
    height: calc(4.5rem + 5.25 * ((100vw - 25rem) / 80));
    margin-left: auto; }
    @media (max-width: calc(25em - .001em)) {
      .hero img,
      .hero svg {
        width: 3rem; } }
    @media (min-width: 105em) {
      .hero img,
      .hero svg {
        width: 6.5rem; } }
    @media (max-width: calc(25em - .001em)) {
      .hero img,
      .hero svg {
        height: 4.5rem; } }
    @media (min-width: 105em) {
      .hero img,
      .hero svg {
        height: 9.75rem; } }
.hero--title {
  text-transform: uppercase; }
  @media (min-width: 36.25em) {
    .hero--title {
      flex-basis: 0;
      flex-grow: 1; } }
@media (max-width: 36.249em) {
  .hero--img {
    order: -1;
    flex-basis: 100%;
    margin-bottom: -1rem; } }

@media (min-width: 36.25em) {
  .hero--img {
    margin-left: 1rem;
    flex-basis: calc(4rem + 2.5 * ((100vw - 25rem) / 80)); } }
  @media (min-width: 36.25em) and (max-width: calc(25em - .001em)) {
    .hero--img {
      flex-basis: 4rem; } }
  @media (min-width: 36.25em) and (min-width: 105em) {
    .hero--img {
      flex-basis: 6.5rem; } }
.hero--img svg {
  fill: #FF6044; }

.hero--summary {
  grid-column: span 2; }
  @media (min-width: 48em) {
    .hero--summary {
      grid-column: span 5; } }
.attention {
  position: relative;
  background: #FF6044;
  font-weight: bold;
  font-size: calc(1.375rem + 0.4375 * ((100vw - 25rem) / 80));
  padding: 0.25rem;
  width: 100%;
  height: calc(2.25rem + 0.5 * ((100vw - 25rem) / 80));
  overflow: hidden;
  z-index: 2; }
  @media (max-width: calc(25em - .001em)) {
    .attention {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .attention {
      font-size: 1.8125rem; } }
  @media (max-width: calc(25em - .001em)) {
    .attention {
      height: 2.25rem; } }
  @media (min-width: 105em) {
    .attention {
      height: 2.75rem; } }
  .attention,
  .attention * {
    color: #000; }

.attention--track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 10s linear infinite;
  animation-duration: 20s; }

@keyframes marquee {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }

.btn--shockwave.is-active {
  animation: shockwave 1s ease-out infinite; }
  .btn--shockwave.is-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5%;
    animation: shockwave 1s .65s ease-out infinite; }
  .btn--shockwave.is-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5%;
    animation: shockwave 1s .5s ease-out infinite; }

@keyframes shockwaveJump {
  0% {
    transform: scale(1); }
  40% {
    transform: scale(1.08); }
  50% {
    transform: scale(0.98); }
  55% {
    transform: scale(1.02); }
  60% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15); }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0); }
  100% {
    transform: scale(2.25); } }

.pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .pagination .page-item {
    border: solid 1px #454545;
    margin: 0 0.5rem 0.5rem; }
    .pagination .page-item a {
      display: block;
      padding: 0.5em 1rem; }
    .pagination .page-item:hover {
      background-color: #D1D1D1; }
    .pagination .page-item.disabled, .pagination .page-item.disabled:hover {
      border: solid 1px #D1D1D1;
      pointer-events: none; }
      .pagination .page-item.disabled a, .pagination .page-item.disabled:hover a {
        color: #D1D1D1; }
    .pagination .page-item.active, .pagination .page-item.active:hover {
      background: #000; }
      .pagination .page-item.active a, .pagination .page-item.active:hover a {
        color: #fff; }

.block {
  padding: 35px;
  display: inline-block;
  border: 1px solid #000;
  margin-top: 25px; }
  .block h1 {
    font-weight: 300;
    font-size: 50px;
    margin-bottom: 25px; }
  .block h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-family: "Source Code Pro", "Courier New", Courier, monospace;
    font-weight: normal;
    margin-bottom: 1rem; }
  .block p {
    margin-bottom: 1rem; }
  @media (min-width: 48em) {
    .block {
      width: 100%;
      padding: 25px; } }
  @media (min-width: 56.25em) {
    .block {
      width: 80%;
      padding: 5px; } }
  @media (min-width: 65em) {
    .block {
      width: 21em; } }
  .block .wrap {
    padding-left: 0; }
  .block .wrapper {
    min-height: 380px;
    position: relative; }
    .block .wrapper form {
      width: 100%;
      position: absolute;
      bottom: 0px; }
  .block .title-and-explanation {
    min-height: 220px; }
  .block .read-more {
    margin-top: 1em;
    text-align: right; }
  .block button {
    border: none;
    min-width: 150px;
    background-color: #64b32c;
    padding: 12px 0px 12px 0px;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    cursor: pointer; }

.block.fullwidth {
  width: 100%; }

.block {
  font-size: 1em; }
  @media (min-width: 48em) {
    .block {
      padding: 25px; } }
  @media (min-width: 56.25em) {
    .block {
      padding: 25px; } }
  @media (min-width: 65em) {
    .block {
      padding: 35px; } }
  .block ul,
  .block p {
    font-size: 1em; }

@media (min-width: 48em) {
  .block.wide {
    width: 100%;
    padding: 25px; } }

@media (min-width: 56.25em) {
  .block.wide {
    max-width: 80%;
    padding: 25px; } }

@media (min-width: 65em) {
  .block.wide {
    max-width: 66%;
    padding: 35px; } }

@media (min-width: 48em) {
  .block.news {
    width: 100%;
    padding-top: 25px; } }

@media (min-width: 56.25em) {
  .block.news {
    max-width: 80%;
    padding: 25px; } }

@media (min-width: 65em) {
  .block.news {
    max-width: 66%;
    padding: 35px; } }

.block sec {
  font-size: calc(0.9375rem + 0.1875 * ((100vw - 25rem) / 80));
  padding: 25px; }
  @media (max-width: calc(25em - .001em)) {
    .block sec {
      font-size: 0.9375rem; } }
  @media (min-width: 105em) {
    .block sec {
      font-size: 1.125rem; } }
main .wrap article {
  flex: 1 0 60%; }

main .wrap aside {
  flex: 0 0 32%; }

aside .block {
  background-color: #d1d1d1; }

article.result {
  margin-right: 25px; }

.block.hall-of-fame {
  background-color: #d1d1d1; }

.skiplink a {
  position: absolute;
  top: 0px;
  left: -9999px;
  z-index: 1000; }

.skiplink a:focus {
  left: 0;
  top: 0;
  padding: .25em;
  color: #fff;
  text-decoration: none;
  background: #64b32c; }

.skiplink-hide {
  display: none; }

/* HTML needed for the spinner:
<div id="floatingBarsG">
	<div class="blockG" id="rotateG_01"></div>
	<div class="blockG" id="rotateG_02"></div>
	<div class="blockG" id="rotateG_03"></div>
	<div class="blockG" id="rotateG_04"></div>
	<div class="blockG" id="rotateG_05"></div>
	<div class="blockG" id="rotateG_06"></div>
	<div class="blockG" id="rotateG_07"></div>
	<div class="blockG" id="rotateG_08"></div>
</div>

*/
.floatingBarsG {
  position: relative;
  width: 23px;
  height: 29px;
  margin: auto; }

.blockG {
  position: absolute;
  background-color: white;
  width: 4px;
  height: 9px;
  border-radius: 2px;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  animation-name: fadeG;
  -o-animation-name: fadeG;
  -ms-animation-name: fadeG;
  -webkit-animation-name: fadeG;
  -moz-animation-name: fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

#rotateG_01 {
  left: 0;
  top: 10px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg); }

#rotateG_02 {
  left: 3px;
  top: 4px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); }

#rotateG_03 {
  left: 10px;
  top: 1px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg); }

#rotateG_04 {
  right: 3px;
  top: 4px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg); }

#rotateG_05 {
  right: 0;
  top: 10px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg); }

#rotateG_06 {
  right: 3px;
  bottom: 3px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg); }

#rotateG_07 {
  bottom: 0;
  left: 10px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); }

#rotateG_08 {
  left: 3px;
  bottom: 3px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg); }

@keyframes fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-o-keyframes fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-ms-keyframes fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-webkit-keyframes fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-moz-keyframes fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

ul.probes {
  width: 100%; }

.probing {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  margin-left: 0; }
  .probing div.floatingBarsG {
    display: inline-block; }

.probing-spinner {
  flex-basis: 42px;
  flex-grow: 0; }
  .probing-spinner img {
    width: 32px;
    height: 32px;
    display: block; }

.probing-descriptions {
  flex-grow: 0;
  display: block;
  padding-left: 14px;
  padding-top: 4px; }

.testresults-percentage {
  margin-top: 1em;
  margin-bottom: 1em; }

.testresults-percentage .perfect-score {
  margin-bottom: .2em; }

.score-container {
  position: relative;
  overflow: hidden;
  border: 1px solid #656565;
  height: 2.0em;
  /* 40px */
  margin-left: 24px;
  margin-bottom: 64px;
  width: 85%; }

.score-container .score {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  color: #eeeeee;
  padding-left: 15px;
  width: 3.0em;
  /* 40px */
  text-align: center;
  line-height: 1.8;
  font-weight: bold; }

.score-container .score,
.score-container .meter {
  display: block;
  float: left;
  clear: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0; }

.meter {
  width: 90%;
  width: calc(100% - 2.5em);
  background-color: #fff;
  padding: 0;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }

.meter > span {
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #409fff;
  background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%); }

@media (min-width: 48em) {
  .home--article--summary {
    grid-column: span 3; } }

@media (min-width: 48em) {
  .home--article--content {
    grid-column: span 5; } }

.home--article--more {
  text-decoration: underline;
  text-transform: uppercase; }

.home--business--item {
  margin-bottom: calc(1.5rem + 2.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .home--business--item {
      margin-bottom: 1.5rem; } }
  @media (min-width: 105em) {
    .home--business--item {
      margin-bottom: 4rem; } }
  @media (min-width: 48em) {
    .home--business--item {
      grid-column: span 2; } }
.emailfield.before {
  width: 100%;
  display: flex;
  flex-direction: row; }
  .emailfield.before .at-symbol {
    display: none;
    padding: 12px 0;
    margin: 8px 0;
    border-bottom: solid 1px #D1D1D1;
    background-color: #D1D1D1;
    width: 8%;
    float: left;
    text-align: center;
    height: 100%;
    overflow: hidden; }
  .emailfield.before input {
    width: 100%; }

.hall-of-fame {
  display: flex;
  flex-direction: column; }
  .hall-of-fame .read-more {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .hall-of-fame .read-more a {
      text-decoration: none;
      justify-self: flex-end;
      display: block;
      padding: 5px 0;
      text-align: center;
      color: #fff;
      background-color: #000;
      font-size: 1.2em; }

.pg-business {
  background: #000; }
  .pg-business main *, .pg-business main:before, .pg-business main:after,
  .pg-business main *:before,
  .pg-business main *:after {
    color: #fff; }
  .pg-business .contact-cta .ui-button {
    background: #fff;
    color: #000; }
    .pg-business .contact-cta .ui-button:hover {
      background: #D1D1D1; }

@media (min-width: 48em) {
  .business--subnav {
    grid-column: span 2; } }

.business--subnav li {
  margin-left: 0; }
  .business--subnav li:before {
    content: ''; }

.business--subnav--link {
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: calc(1.375rem + 0.4375 * ((100vw - 25rem) / 80));
  display: block;
  margin-bottom: 0.25rem; }
  @media (max-width: calc(25em - .001em)) {
    .business--subnav--link {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .business--subnav--link {
      font-size: 1.8125rem; } }
  .is-active .business--subnav--link {
    color: #FF6044; }

@media (min-width: 48em) {
  .business--content {
    grid-column: span 5; } }

.business--content hr {
  background-color: #fff;
  margin-bottom: calc(1rem + 2.25 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .business--content hr {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .business--content hr {
      margin-bottom: 3.25rem; } }
  @media (min-width: 48em) {
    .business--content hr {
      grid-column: span 2; } }
.business--headline {
  font-size: calc(1.8125rem + 3.6875 * ((100vw - 25rem) / 80));
  padding-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80));
  font-weight: 300;
  border-bottom: solid 1px #fff; }
  @media (max-width: calc(25em - .001em)) {
    .business--headline {
      font-size: 1.8125rem; } }
  @media (min-width: 105em) {
    .business--headline {
      font-size: 5.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .business--headline {
      padding-bottom: 2rem; } }
  @media (min-width: 105em) {
    .business--headline {
      padding-bottom: 6.5rem; } }
  .business--headline:after {
    margin-top: -.25rem; }

@media (max-width: 47.999em) {
  .pg-business main .business--blog .blogs {
    padding-top: calc(3rem + 3.5 * ((100vw - 25rem) / 80)); } }
  @media (max-width: 47.999em) and (max-width: calc(25em - .001em)) {
    .pg-business main .business--blog .blogs {
      padding-top: 3rem; } }
  @media (max-width: 47.999em) and (min-width: 105em) {
    .pg-business main .business--blog .blogs {
      padding-top: 6.5rem; } }
.pg-business main .business--blog *,
.pg-business main .business--blog *:before,
.pg-business main .business--blog *:after {
  color: #000; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Blogs
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 48em) {
  .blogs--aside {
    grid-column: span 2; } }

.blogs--list {
  display: grid;
  grid-gap: 2rem; }
  @media (min-width: 48em) {
    .blogs--list {
      grid-column: span 5; } }
  @media (min-width: 56.25em) {
    .blogs--list {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 75em) {
    .blogs--list {
      grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
List item
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-item {
  border-top: solid 1px #454545;
  padding-top: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog-item {
      padding-top: 1rem; } }
  @media (min-width: 105em) {
    .blog-item {
      padding-top: 2rem; } }
.blog-item--author:before,
.blog-item--date:before,
.blog--author:before,
.blog--date:before {
  content: '<'; }

.blog-item--author:after,
.blog-item--date:after,
.blog--author:after,
.blog--date:after {
  content: '>'; }

.blog-item--date {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog-item--date {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .blog-item--date {
      margin-bottom: 2rem; } }
.blog-item--title {
  margin-bottom: calc(2rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog-item--title {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    .blog-item--title {
      margin-bottom: 3rem; } }
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Single blog entry
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 48em) {
  .blog--aside {
    grid-column: span 2; } }

@media (min-width: 48em) {
  .blog--entry {
    grid-column: span 5; } }

.blog--date {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog--date {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .blog--date {
      margin-bottom: 2rem; } }
.blog--title,
.blog h2 {
  font-weight: bold;
  font-size: calc(1.375rem + 0.4375 * ((100vw - 25rem) / 80));
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog--title,
    .blog h2 {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .blog--title,
    .blog h2 {
      font-size: 1.8125rem; } }
  @media (max-width: calc(25em - .001em)) {
    .blog--title,
    .blog h2 {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .blog--title,
    .blog h2 {
      margin-bottom: 2rem; } }
.blog h2,
.blog h3 {
  margin-bottom: calc(1rem + 1 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .blog h2,
    .blog h3 {
      margin-bottom: 1rem; } }
  @media (min-width: 105em) {
    .blog h2,
    .blog h3 {
      margin-bottom: 2rem; } }
.blog--categories {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end; }
  @media (min-width: 48em) {
    .blog--categories {
      grid-column: 3 / span 5; } }
.blog .categories--title {
  font-size: calc(1.375rem + 0.1875 * ((100vw - 25rem) / 80));
  margin-right: 1rem;
  margin-bottom: 0.5rem; }
  @media (max-width: calc(25em - .001em)) {
    .blog .categories--title {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .blog .categories--title {
      font-size: 1.5625rem; } }
.categories--category {
  display: block;
  font-family: "DIN2014", "Arial", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: calc(1.375rem + 0.1875 * ((100vw - 25rem) / 80));
  font-weight: 300;
  margin-bottom: 0.5rem; }
  @media (max-width: calc(25em - .001em)) {
    .categories--category {
      font-size: 1.375rem; } }
  @media (min-width: 105em) {
    .categories--category {
      font-size: 1.5625rem; } }
.blog--content p a {
  border-bottom: solid 1px #D1D1D1; }

.blog--content,
.blog-item--content {
  overflow-wrap: break-word;
  word-wrap: break-word; }

.pg-jobs {
  background: #D1D1D1; }
  .pg-jobs .contact-cta .ui-button {
    background: #fff;
    color: #000; }
    .pg-jobs .contact-cta .ui-button:hover {
      color: #fff;
      background: #000; }

@media (min-width: 48em) {
  .jobs--content > * {
    grid-column: span 5; } }

.job-item {
  padding-bottom: calc(2rem + 4.5 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .job-item {
      padding-bottom: 2rem; } }
  @media (min-width: 105em) {
    .job-item {
      padding-bottom: 6.5rem; } }
  @media (min-width: 48em) {
    .job-item {
      grid-column: span 5; } }
  @media (min-width: 48em) {
    .job-item hr {
      grid-column: span 5; } }
.job-item--title {
  padding-top: calc(2rem + 4.5 * ((100vw - 25rem) / 80));
  font-size: calc(1.8125rem + 3.6875 * ((100vw - 25rem) / 80));
  margin-bottom: calc(2rem + 1.5 * ((100vw - 25rem) / 80));
  font-weight: 300; }
  @media (max-width: calc(25em - .001em)) {
    .job-item--title {
      padding-top: 2rem; } }
  @media (min-width: 105em) {
    .job-item--title {
      padding-top: 6.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .job-item--title {
      font-size: 1.8125rem; } }
  @media (min-width: 105em) {
    .job-item--title {
      font-size: 5.5rem; } }
  @media (max-width: calc(25em - .001em)) {
    .job-item--title {
      margin-bottom: 2rem; } }
  @media (min-width: 105em) {
    .job-item--title {
      margin-bottom: 3.5rem; } }
  .job-item--title:after {
    margin-top: -.25rem; }

@media (min-width: 48em) {
  .job-item--content {
    grid-column: span 5; } }

.panel-button-container {
  text-align: right; }

.block button.panel-button-show {
  cursor: pointer;
  color: #000;
  text-decoration: underline;
  background: none;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .block button.panel-button-show {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    .block button.panel-button-show {
      font-size: 0.9375rem; } }
.block button.panel-button-hide {
  cursor: pointer;
  color: #000;
  text-decoration: underline;
  background: none;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .block button.panel-button-hide {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    .block button.panel-button-hide {
      font-size: 0.9375rem; } }
#testresults-overview a {
  text-decoration: dotted; }

#testresults-overview a:hover {
  text-decoration: underline; }

section.test-header hr {
  color: #D1D1D1;
  margin: 25px 0 25px 0; }

section.test-header .description {
  padding-left: 34px; }

.test-title h2 {
  display: flex;
  flex-direction: row;
  justify-content: left; }

.test-title h2.failed:before {
  display: inline-block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-left: 0;
  margin-top: 1px;
  margin-right: 6px;
  background: url("/static/img/icon-error.png") no-repeat left center;
  background-size: contain;
  content: ""; }

.test-title h2.warning:before {
  display: inline-block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-left: 0;
  margin-top: 1px;
  margin-right: 6px;
  background: url("/static/img/icon-warning.png") no-repeat left center;
  background-size: contain;
  content: ""; }

.test-title h2.passed:before {
  display: inline-block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-left: 0;
  margin-top: 1px;
  margin-right: 6px;
  background: url("/static/img/icon-passed.png") no-repeat left center;
  background-size: contain;
  content: ""; }

a.icon-testinfo {
  text-decoration: underline;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80));
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center; }
  @media (max-width: calc(25em - .001em)) {
    a.icon-testinfo {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    a.icon-testinfo {
      font-size: 0.9375rem; } }
  a.icon-testinfo:before {
    display: block;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-right: 6px;
    vertical-align: middle;
    background: url("/static/img/icon-info.png") no-repeat left center;
    background-size: contain;
    content: ''; }

a.permalink {
  display: block;
  margin-top: 8px;
  margin-left: 34px;
  text-decoration: underline;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    a.permalink {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    a.permalink {
      font-size: 0.9375rem; } }
span.retest-text {
  display: block;
  margin-top: 12px;
  margin-left: 34px;
  text-decoration: none;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    span.retest-text {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    span.retest-text {
      font-size: 0.9375rem; } }
a.reruntest {
  display: block;
  margin-left: 34px;
  text-decoration: underline;
  font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    a.reruntest {
      font-size: 0.8125rem; } }
  @media (min-width: 105em) {
    a.reruntest {
      font-size: 0.9375rem; } }
.timestamp br {
  display: none; }

section.testresults {
  background: #D1D1D1;
  padding: 25px 25px 5px 25px;
  margin-left: 34px; }

.test-subsection {
  text-transform: uppercase;
  margin-bottom: 25px; }

.testresult {
  background: #fff;
  border: #1A1717 solid 1px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 25px;
  font-size: calc(0.6875rem + 0.125 * ((100vw - 25rem) / 80)); }
  @media (max-width: calc(25em - .001em)) {
    .testresult {
      font-size: 0.6875rem; } }
  @media (min-width: 105em) {
    .testresult {
      font-size: 0.8125rem; } }
  .testresult ol {
    font-size: calc(0.6875rem + 0.125 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .testresult ol {
        font-size: 0.6875rem; } }
    @media (min-width: 105em) {
      .testresult ol {
        font-size: 0.8125rem; } }
  .testresult ul {
    font-size: calc(0.6875rem + 0.125 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .testresult ul {
        font-size: 0.6875rem; } }
    @media (min-width: 105em) {
      .testresult ul {
        font-size: 0.8125rem; } }
  .testresult hr {
    background-color: #D1D1D1;
    margin: 5px 0 5px 0; }
  .testresult .test-title .failed {
    background-color: #FF6044; }
    .testresult .test-title .failed:before {
      display: block;
      width: 21px;
      height: 21px;
      margin-right: 15px;
      vertical-align: middle;
      background: url("/static/img/icon-error.png") no-repeat left center;
      background-size: contain;
      content: ''; }
  .testresult .panel-title {
    margin-bottom: 0px;
    text-transform: none;
    font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
    .testresult .panel-title a {
      display: block;
      font-family: "Source Code Pro", "Courier New", Courier, monospace; }
    @media (max-width: calc(25em - .001em)) {
      .testresult .panel-title {
        font-size: 0.8125rem; } }
    @media (min-width: 105em) {
      .testresult .panel-title {
        font-size: 0.9375rem; } }
    .testresult .panel-title a .icon {
      float: right;
      transition-behavior: normal;
      transition-delay: 0s;
      transition-duration: 0.2s;
      transition-property: transform;
      transition-timing-function: ease; }
    .testresult .panel-title a.active .icon {
      transform: rotate(180deg); }
  .testresult .panel-content {
    margin-top: 25px; }
  .testresult h4 {
    font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80)); }
    @media (max-width: calc(25em - .001em)) {
      .testresult h4 {
        font-size: 0.8125rem; } }
    @media (min-width: 105em) {
      .testresult h4 {
        font-size: 0.9375rem; } }
  .testresult table {
    table-layout: auto;
    font-size: 0.8125rem; }

.panel-title .icon img {
  height: 21px;
  width: 21px; }

.test-direct {
  display: none; }

body:not(.home) section.websitetest input, body:not(.home) section.emailtest input, body:not(.home) section.connectiontest input {
  padding: 4px 6px 4px 6px;
  font-size: 0.8125rem;
  border: #000 1px solid; }

body:not(.home) section.websitetest .contains-button button, body:not(.home) section.emailtest .contains-button button, body:not(.home) section.connectiontest .contains-button button {
  margin-top: 25px;
  padding: 6px 0 6px 0;
  background-color: #454545;
  color: #fff;
  font-size: 0.9375rem;
  cursor: pointer; }

body:not(.home) section.websitetest .title-and-explanation, body:not(.home) section.emailtest .title-and-explanation, body:not(.home) section.connectiontest .title-and-explanation {
  min-height: 80px; }

section.further-testing div ul > li {
  margin-left: 0px;
  margin-bottom: 0px; }
  section.further-testing div ul > li::before {
    content: ''; }
  section.further-testing div ul > li h3 {
    font-size: calc(0.8125rem + 0.125 * ((100vw - 25rem) / 80));
    margin-bottom: 0px; }
    @media (max-width: calc(25em - .001em)) {
      section.further-testing div ul > li h3 {
        font-size: 0.8125rem; } }
    @media (min-width: 105em) {
      section.further-testing div ul > li h3 {
        font-size: 0.9375rem; } }
  section.further-testing div ul > li ul {
    margin-left: 16px;
    margin-top: 0px; }
    section.further-testing div ul > li ul li {
      margin-bottom: 0px;
      font-size: 16px; }
      section.further-testing div ul > li ul li::before {
        content: '–\0020'; }
      section.further-testing div ul > li ul li a {
        text-decoration: underline; }

.pg-basic-page {
  background: #D1D1D1; }
  .pg-basic-page .contact-cta .ui-button {
    background: #fff;
    color: #000; }
    .pg-basic-page .contact-cta .ui-button:hover {
      color: #fff;
      background: #000; }

@media (min-width: 48em) {
  .basic-page--content {
    grid-column: span 5; } }