* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent; }
  html body {
    margin: 0; }
    html body main {
      background-color: #1f2124; }
      html body main hr {
        margin: 0;
        border: #1f2124 3px solid; }
      html body main h1, html body main h2, html body main h3, html body main h4, html body main h5, html body main h6, html body main p, html body main li {
        font-family: 'Questrial', sans-serif;
        color: white; }
      html body main h2 {
        text-align: center;
        display: block;
        margin: 2em auto 1em; }
      html body main h3 {
        display: inline-block;
        width: 75%; }
      html body main img {
        max-width: 100%;
        max-height: 100%; }
      html body main section {
        background-color: #1f2124; }
        html body main section:first-of-type {
          border-bottom: 1px solid #1f2124; }
        html body main section:not(first-of-type) h3 {
          margin: 1em 0.3em 3em; }
        html body main section:not(first-of-type):last-of-type {
          background-color: #1f2124;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        html body main section.mig {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          html body main section.mig h1, html body main section.mig h3, html body main section.mig h4 {
            text-align: center;
            display: block;
            width: 100%; }
          html body main section.mig h1 {
            font-size: 2.83em;
            margin: 1em auto 0.3em; }
          html body main section.mig h3 {
            margin: 0.9em 0em 1.4em;
            font-weight: normal; }
          html body main section.mig h4 {
            margin: 0; }
          html body main section.mig img {
            max-width: 85%;
            -ms-flex-item-align: center;
                align-self: center; }
        html body main section.foto {
          background-color: #1f2124; }
          html body main section.foto div.display-grid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            html body main section.foto div.display-grid div.column {
              width: 48.6%;
              margin: 1.4% 3%;
              max-height: 100%; }
              html body main section.foto div.display-grid div.column.fc1 {
                width: 100%; }
              html body main section.foto div.display-grid div.column.fc2 {
                -webkit-box-ordinal-group: 4;
                    -ms-flex-order: 3;
                        order: 3;
                width: 100%; }
            html body main section.foto div.display-grid.singleimg {
              margin: 1.4% 3%; }
        html body main section.vidsection {
          border-bottom: 2px solid #1f2124; }
        html body main section .videos {
          margin: 10% 3% 5%; }
          html body main section .videos h3 {
            margin: 1em 0.3em; }
          html body main section .videos .videoWrapper {
            position: relative;
            padding-bottom: 56.25%;
            /* 16:9 */
            height: 0; }
          html body main section .videos .videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        html body main section .flexitem .imghover {
          position: relative;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
        html body main section .flexitem .hoverimg {
          opacity: 1;
          display: block;
          width: 100%;
          height: auto;
          -webkit-transition: .2s ease;
          transition: .2s ease;
          z-index: 0;
          -webkit-transform: translateZ(0);
          width: calc(100% + .49px); }
        html body main section .flexitem .linkhover {
          -webkit-transition: .2s ease;
          transition: .2s ease;
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          text-align: center; }
          html body main section .flexitem .linkhover button {
            font-family: 'Questrial', sans-serif;
            font-size: 1.4em;
            background-color: white;
            color: black;
            padding: 0.8vw 1.5vw;
            white-space: nowrap;
            border-style: none;
            cursor: pointer;
            -webkit-transition: .2s ease;
            transition: .2s ease; }
        html body main section .flexitem .imghover:hover .hoverimg {
          opacity: 0.3; }
        html body main section .flexitem .imghover:hover .linkhover {
          opacity: 1; }
          html body main section .flexitem .imghover:hover .linkhover button {
            -webkit-transform: scale(1.2, 1.2);
                    transform: scale(1.2, 1.2); }
        html body main section .flexitem .linkhover button:hover {
          -webkit-box-shadow: 0px 0px 1vw black;
                  box-shadow: 0px 0px 1vw black; }
        html body main section .contactcontainer {
          margin-top: 2em; }
          html body main section .contactcontainer .flexkontakt {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            html body main section .contactcontainer .flexkontakt div.contact {
              width: 40%;
              margin: 5%;
              text-decoration: none;
              text-align: center; }
              html body main section .contactcontainer .flexkontakt div.contact h3 {
                width: 100%;
                font-size: 1em;
                text-align: center;
                margin: 1em 0; }
              html body main section .contactcontainer .flexkontakt div.contact img {
                width: 25%; }
          html body main section .contactcontainer .social {
            text-align: center;
            margin: 20% 0 0 0;
            padding-bottom: 20%; }
            html body main section .contactcontainer .social a {
              text-decoration: none; }
            html body main section .contactcontainer .social img {
              width: 15%;
              margin: 0 15px; }
        html body main section .modal-btn {
          font-family: "Times new roman", serif;
          font-weight: bolder;
          color: #1f2124;
          background-color: white;
          float: right;
          font-size: 24px;
          height: 35px;
          width: 35px;
          margin: 10px 10px 0;
          border: none;
          border-radius: 100%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          -webkit-transition: 0.2s;
          transition: 0.2s;
          padding: 0px; }
          html body main section .modal-btn:hover {
            color: black;
            -webkit-box-shadow: 0px 0px 8px;
                    box-shadow: 0px 0px 8px;
            cursor: pointer; }
          html body main section .modal-btn:active {
            padding: 0; }
        html body main section .modal {
          display: none;
          /* Hidden by default */
          position: fixed;
          /* Stay in place */
          z-index: 1;
          /* Sit on top */
          left: 0;
          top: 0;
          width: 100%;
          /* Full width */
          height: 100%;
          /* Full height */
          overflow: auto;
          /* Enable scroll if needed */
          background-color: black;
          /* Fallback color */
          background-color: rgba(0, 0, 0, 0.8);
          /* Black w/ opacity */ }
          html body main section .modal .mo-content {
            overflow: auto;
            background-color: #fefefe;
            margin: 8% auto;
            /* 15% from the top and centered */
            padding: 20px;
            width: 92%;
            /* Could be more or less, depending on screen size */
            max-width: 1100px;
            -webkit-box-shadow: 0px 0px 10px black;
                    box-shadow: 0px 0px 10px black; }
            html body main section .modal .mo-content p, html body main section .modal .mo-content h3, html body main section .modal .mo-content h4, html body main section .modal .mo-content h5, html body main section .modal .mo-content li {
              color: black;
              font-size: 1.2em; }
            html body main section .modal .mo-content h3 {
              font-size: 1.6em;
              margin: 1em 0em 0.5em; }
            html body main section .modal .mo-content h4 {
              font-size: 1.2em;
              margin: 1.3em 0em -0.5em; }
            html body main section .modal .mo-content h5 {
              font-size: 1em;
              margin: 0 0em 1em; }
          html body main section .modal .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            margin: -14px -7px 0 0;
            font-weight: bold;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
            html body main section .modal .close:hover, html body main section .modal .close:focus {
              color: black;
              text-decoration: none;
              cursor: pointer; }

.pagination {
  position: fixed;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  font-size: 1em;
  z-index: 10; }
  .pagination li {
    list-style: none; }

.pagination a {
  display: block;
  height: 32px;
  margin-bottom: 5px;
  color: white;
  position: relative;
  padding: 4px; }

.pagination a.active:after {
  -webkit-box-shadow: inset 0 0 0 5px;
          box-shadow: inset 0 0 0 5px; }

.pagination a .hover-text {
  font-family: 'Questrial', sans-serif;
  font-weight: normal;
  position: absolute;
  right: 15px;
  top: 8.5px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px; }

.pagination a:hover .hover-text {
  opacity: 1; }

.pagination a:after {
  -webkit-transition: box-shadow 0.5s ease;
  -webkit-transition: -webkit-box-shadow 0.5s ease;
  transition: -webkit-box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  right: 4px;
  bottom: 0; }

@media screen and (max-width: 799px) {
  html body main img {
    max-width: 100%; }

  #bus {
    display: none; } }
@media screen and (min-width: 800px) {
  html body main section.mig .migtekst {
    margin: auto; }
    html body main section.mig .migtekst h1 {
      font-size: 5.7vw;
      margin: 0em 0em 0.3em; }
    html body main section.mig .migtekst h3 {
      font-size: 2.36vw; }
    html body main section.mig .migtekst h4 {
      font-size: 1.2vw; }
    html body main section.mig .migtekst .scrolldown {
      display: block;
      margin: auto;
      width: 80px;
      height: 80px;
      position: relative;
      z-index: 2; }
    html body main section.mig .migtekst .arrows {
      margin-top: -17%;
      display: inline-block;
      position: relative;
      z-index: 1;
      /*
      position: absolute;*/
      top: 50%;
      left: 50%;
      width: 30px;
      height: 30px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      html body main section.mig .migtekst .arrows:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 10px solid white;
        border-bottom: 10px solid black;
        -webkit-transform: translate(10px, 40px) rotate(-45deg);
                transform: translate(10px, 40px) rotate(-45deg);
        -webkit-animation: arrows 3s linear infinite;
                animation: arrows 3s linear infinite; }
      html body main section.mig .migtekst .arrows:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 10px solid white;
        border-bottom: 10px solid white;
        -webkit-transform: translate(20px, 0px) rotate(-45deg);
                transform: translate(20px, 0px) rotate(-45deg);
        -webkit-animation: arrows 3s linear infinite -1.5s;
                animation: arrows 3s linear infinite -1.5s; }
  @-webkit-keyframes arrows {
    0% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0);
      -webkit-transform: translate(-5px, -20px) rotate(-45deg);
              transform: translate(-5px, -20px) rotate(-45deg); }
    10%, 90% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0); }
    50% {
      border-left: 10px solid white;
      border-bottom: 10px solid white;
      -webkit-transform: translate(-5px, 0px) rotate(-45deg);
              transform: translate(-5px, 0px) rotate(-45deg); }
    100% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0);
      -webkit-transform: translate(-5px, 20px) rotate(-45deg);
              transform: translate(-5px, 20px) rotate(-45deg); } }
  @keyframes arrows {
    0% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0);
      -webkit-transform: translate(-5px, -20px) rotate(-45deg);
              transform: translate(-5px, -20px) rotate(-45deg); }
    10%, 90% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0); }
    50% {
      border-left: 10px solid white;
      border-bottom: 10px solid white;
      -webkit-transform: translate(-5px, 0px) rotate(-45deg);
              transform: translate(-5px, 0px) rotate(-45deg); }
    100% {
      border-left: 10px solid rgba(255, 255, 255, 0);
      border-bottom: 10px solid rgba(255, 255, 255, 0);
      -webkit-transform: translate(-5px, 20px) rotate(-45deg);
              transform: translate(-5px, 20px) rotate(-45deg); } }
  html body main section.mig img {
    width: 50%;
    margin-left: 2%;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  html body main section.foto div.display-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 98vh; }
    html body main section.foto div.display-grid.singleimg {
      height: 100vh;
      max-width: 85%;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      html body main section.foto div.display-grid.singleimg img {
        max-height: 85%; }
    html body main section.foto div.display-grid div.column {
      margin: 0 0.7%;
      max-width: 35.5%;
      height: 85vh;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    html body main section.foto div.display-grid div.fc1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    html body main section.foto div.display-grid div.fc2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    html body main section.foto div.display-grid div.fc3 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
  html body main section.vidsection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    html body main section.vidsection .videos {
      width: 135vh;
      max-width: 85%;
      margin: auto; }
      html body main section.vidsection .videos h3 {
        margin: 1.5em 0em 0em; }
      html body main section.vidsection .videos .modal-btn {
        margin-top: 18px; }
    html body main section.vidsection .lastvid {
      border-top: 2px solid #1f2124; }
  html body main section .flex4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  html body main section .flexitem {
    margin: 1em;
    width: 33%; }
    html body main section .flexitem h3 {
      margin: 1.1em 0em 2em; }
      html body main section .flexitem h3.lessmargin {
        margin-bottom: 0em; }
  html body main section .deskshow {
    display: block; }
  html body main section .contactcontainer {
    margin: auto; }
    html body main section .contactcontainer .flexkontakt div.contact {
      width: 25%;
      text-align: center; }
      html body main section .contactcontainer .flexkontakt div.contact img {
        width: 24%;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      html body main section .contactcontainer .flexkontakt div.contact h3 {
        font-size: 1.6vw;
        text-align: center; }
    html body main section .contactcontainer .social {
      text-align: center;
      margin: 5% 0 0 0;
      padding-bottom: 5%; }
      html body main section .contactcontainer .social img {
        width: 7%;
        margin: 0 30px 0; }
      html body main section .contactcontainer .social [class^="tooltip"] {
        position: relative;
        font-family: 'Questrial', sans-serif; }
        html body main section .contactcontainer .social [class^="tooltip"]:after {
          opacity: 0;
          position: absolute;
          content: attr(data-tooltip);
          padding: 1em;
          top: 1.4em;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-0.3em);
                  transform: translateX(-50%) translateY(-0.3em);
          background: black;
          color: white;
          white-space: nowrap;
          z-index: 2;
          border-radius: 0.8em;
          -webkit-transition: opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
        html body main section .contactcontainer .social [class^="tooltip"]:hover:after {
          display: block;
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(0);
                  transform: translateX(-50%) translateY(0); }
  html body main section .modal-btn {
    margin: 12px 0 0; } }