@import url(https://use.typekit.net/itz5xcy.css);
/* stylelint-disable */
/*
* Color additions and overrides
* Override any color values - find them in vendor/numiko/color.scss
*/
/*
* Container
*/
/*
* Z-index levels
* @include z-index('alpha');
*/
/*
* Borders
*/
/*
* Transtions
*/
/*
* Borders
*/
/*
* Spacing
*/
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  *,
  *::after,
  *::before {
    -webkit-animation-duration: 0.001ms !important;
            animation-duration: 0.001ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important; /* Hat tip Nick/cssemedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
    -webkit-transition-duration: 0.001ms !important;
            transition-duration: 0.001ms !important;
  }
}
@media print {
  *:not(svg *) {
    opacity: 1;
    width: 100%;
    height: auto !important;
    float: none !important;
    line-height: 1.7;
  }
  body {
    width: 100%;
    margin: 0;
    float: none;
    background: #ffffff url(none);
    color: #000000;
    font: 1em "urw-din", sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: "urw-din", sans-serif !important;
    color: #000000 !important;
  }
  h1 {
    font-size: 200% !important;
  }
  h2 {
    font-size: 175% !important;
  }
  h3 {
    font-size: 135% !important;
  }
  h4 {
    font-size: 100% !important;
    font-variant: small-caps;
  }
  h5 {
    font-size: 100% !important;
  }
  h6 {
    font-size: 90% !important;
    font-style: italic;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  ul, img {
    page-break-inside: avoid;
  }
  a:link, a:visited {
    text-decoration: underline;
  }
  .o-page-container a:link:after, .o-page-container a:visited:after,
  .c-nav-in-section__item a:link:after,
  .c-nav-in-section__item a:visited:after {
    content: " (" attr(href) ") ";
  }
  h1 a::after, h2 a::after, h3 a::after, h4 a::after, h5 a::after, h6 a::after {
    font-size: 1em;
    word-wrap: break-word;
  }
  img {
    max-width: 100%;
    width: auto;
  }
  .print-only {
    display: block !important;
  }
  .o-logo {
    width: 100px;
    height: 100px;
  }
  .o-logo .o-logo__bg {
    fill: #000000;
  }
  .o-logo .o-logo__letter {
    fill: #ffffff;
  }
  .c-teaser {
    margin-bottom: 20px;
  }
  .c-footer-lower .o-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .o-block-legal img {
    max-width: 100px;
    height: auto;
    margin-right: 20px;
  }
  .o-wysiwyg-embed,
  .o-wysiwyg__callout,
  .o-block-crick-views-block-related-content-taxonomy-related,
  .paragraph--type--slice-column-content {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #000;
  }
  .o-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .o-grid__item {
    width: 48%;
  }
  .o-grid__item img {
    display: block;
    margin-bottom: 20px;
    max-width: 50%;
    height: auto;
  }
  .visuallyhidden,
  .visually-hidden,
  .c-header__logo-hover,
  .c-header__menu,
  .c-hamburger,
  .o-button--menu,
  .c-nav-lab__content,
  .c-breadcrumb,
  .c-footer-main,
  .c-social,
  .c-footer__slant,
  .o-block-partnerslogos,
  .svg-symbols,
  .c-hero__btn,
  .c-accordion__tab,
  .c-cookie-notification,
  .c-hero-video {
    display: none;
  }
}
/* stylelint-enable */