/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  /*background: #b3d4fc;*/
  background: transparent;
  text-shadow: none; }

::selection {
  /*background: #b3d4fc;*/
  background: transparent;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font: 16px/1.5 'Open Sans', Helvetica, Helvetica Neue, Arial, sans-serif;
  background-color: #ffffff;
  color: #222222; }

h1, h2, h3, h4 {
  font-weight: 700; }

/* Our CSS ... */
html,
body {
  color: #2f69b7;
  background-color: #ffffff;
  height: 100vh;
  width: 100vw; }

body.dark {
  background-color: #20204b; }

body.blue {
  background-color: #2f69b7; }

button:focus {
  outline-style: none;
  outline-width: 0; }

.hidden {
  display: none;
  visibility: hidden; }

aside {
  display: none; }

#main {
  height: 100%; }
  #main .slide {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    #main .slide .logotopright {
      width: 20rem;
      position: absolute;
      top: 2rem;
      right: 2rem; }
      #main .slide .logotopright img {
        width: 100%; }
  #main .slide.s1 {
    background-image: url("../img/hg_iaa-2018.jpg"); }
    #main .slide.s1 article {
      display: flex;
      flex-direction: column;
      margin: auto; }
    #main .slide.s1 ul {
      list-style-type: none;
      padding-left: 0; }
      #main .slide.s1 ul li {
        font-size: 4em;
        font-weight: bold;
        text-align: center; }
    #main .slide.s1 .logo {
      width: 30em;
      margin: 2em auto 0; }
      #main .slide.s1 .logo img {
        width: 100%; }
  #main .slide.s2 {
    background-image: url("../img/hg_skyline.jpg"); }
    #main .slide.s2 article {
      display: flex;
      flex-direction: column;
      width: 100%; }
      #main .slide.s2 article .text {
        position: absolute;
        top: 8em;
        width: calc(100% - 8em);
        left: 4em; }
      #main .slide.s2 article ul {
        list-style-type: none;
        padding-left: 0;
        margin-top: 0; }
        #main .slide.s2 article ul > li {
          font-size: 3em;
          color: #ffffff;
          line-height: 1.4em;
          text-transform: uppercase; }
          #main .slide.s2 article ul > li > img {
            width: 1.3em;
            margin-right: 0.5em; }
        #main .slide.s2 article ul li:nth-child(even) {
          text-align: right; }
        #main .slide.s2 article ul li:nth-child(1) {
          margin-left: 5em; }
        #main .slide.s2 article ul li:nth-child(2) {
          margin-right: 4em; }
        #main .slide.s2 article ul li:nth-child(3) {
          margin-left: 6.5em; }
        #main .slide.s2 article ul li:nth-child(4) {
          margin-right: 5.5em; }
        #main .slide.s2 article ul li:nth-child(6) {
          margin-right: 2em; }
        #main .slide.s2 article ul li:nth-child(7) {
          margin-left: 4em; }
        #main .slide.s2 article ul li:nth-child(8) {
          margin-right: 4em; }
        #main .slide.s2 article ul li:nth-child(9) {
          margin-left: 3em; }
        #main .slide.s2 article ul li:nth-child(10) {
          margin-right: 3.5em; }
  #main .slide.s3 {
    background-image: url("../img/hg_skyline.jpg"); }
    #main .slide.s3 article {
      display: flex;
      flex-direction: column;
      width: 100%; }
      #main .slide.s3 article .text {
        font-size: 4em;
        font-weight: bold;
        text-align: center; }
        #main .slide.s3 article .text ul {
          list-style-type: none;
          padding-left: 0;
          margin-top: 0; }
          #main .slide.s3 article .text ul li {
            color: #ffffff; }
        #main .slide.s3 article .text p {
          margin-top: -2em;
          text-shadow: 0 -1px 1px #afafaf, 0 1px 1px #2f69b7;
          color: #ffffff; }
  #main .slide.st {
    background-image: none;
    align-items: normal; }
    #main .slide.st article {
      display: flex;
      flex-direction: column;
      width: 100%;
      background-image: url("../img/hg_kuehl.png");
      background-position: 0 0;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-top: 10rem;
      overflow: hidden; }
      #main .slide.st article .type,
      #main .slide.st article .text,
      #main .slide.st article .img {
        display: none; }
      #main .slide.st article h1 {
        font-size: 4em;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center;
        margin: 0 auto;
        width: 60%;
        background-color: #2f69b7;
        color: #ffffff; }
        #main .slide.st article h1 strong {
          font-weight: bolder; }
        #main .slide.st article h1 img {
          height: 1.2em;
          padding-bottom: 0.2em;
          margin-right: 0.5em; }
    #main .slide.st article.second {
      /*
      background-position: 0px -312px;
      margin-top: 46rem;
      */ }
      #main .slide.st article.second .type,
      #main .slide.st article.second .text,
      #main .slide.st article.second .img {
        display: block; }
      #main .slide.st article.second .type {
        position: absolute;
        top: 0;
        left: 4rem;
        padding: 0.3rem 1rem 1rem 0.3rem;
        text-align: center;
        font-size: 1.4rem;
        background-image: url("../img/Novo-Button-4.2.svg");
        background-size: contain;
        background-position: left top;
        background-repeat: no-repeat;
        width: 235px;
        height: 105px; }
      #main .slide.st article.second .text {
        font-size: 4rem;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 10rem; }
      #main .slide.st article.second .img {
        position: absolute;
        width: 100%;
        top: 22rem; }
        #main .slide.st article.second .img ul {
          list-style-type: none;
          padding-left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center; }
          #main .slide.st article.second .img ul li {
            width: 18%;
            padding: 0 3rem; }
            #main .slide.st article.second .img ul li img {
              width: 100%; }
    #main .slide.st .seperator {
      width: 100%;
      height: 130px;
      bottom: 0;
      position: absolute;
      z-index: 10;
      background-image: url("../img/elipse_grau-weiss.svg");
      background-position: center top;
      background-size: 110%;
      background-repeat: no-repeat; }
  #main #st1.slide.st article {
    background-image: url("../img/hg_kuehl.jpg"); }
  #main #st2.slide.st article {
    background-image: url("../img/hg_oeko.jpg"); }
  #main #st3.slide.st article {
    background-image: url("../img/hg_frisch.jpg"); }
  #main #st4.slide.st article {
    background-image: url("../img/hg_trocken.jpg"); }
  #main #st5.slide.st article {
    background-image: url("../img/hg_edel.jpg"); }
  #main #st6.slide.st article {
    background-image: url("../img/hg_leise.jpg"); }
  #main #st7.slide.st article {
    background-image: url("../img/hg_sicher.jpg"); }
  #main #st8.slide.st article {
    background-image: url("../img/hg_energie.jpg"); }
  #main #st9.slide.st article {
    background-image: url("../img/hg_codexl.jpg"); }
  #main #st10.slide.st article {
    background-image: url("../img/hg_pharma.jpg"); }

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */