@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600.eot");
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600.woff") format("woff"), url("../fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-regular.eot");
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg"); }

* {
  box-sizing: border-box; }

html {
  font-size: 1.000em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font: 14px/20px "Open Sans", sans-serif;
  color: #fff;
  background-color: #143A53;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  text-align: center; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

a {
  color: inherit;
  text-decoration: none; }

a.marker {
  display: inline-block;
  padding: 50px 0 0 0;
  text-align: center; }

a.marker span {
  display: block; }

h1,
h2,
h3,
strong {
  font-weight: 600; }

.clearLine {
  clear: both; }

#pageBox {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh; }
  #pageBox #leftPart {
    float: left;
    width: 50%;
    height: 100%;
    height: 100vh; }
    @media screen and (max-width: 1023px) {
      #pageBox #leftPart {
        float: none;
        width: 100%;
        height: 300px; } }
    #pageBox #leftPart div {
      height: 100%;
      height: 100vh;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 100px 30px; }
      @media screen and (max-width: 1023px) {
        #pageBox #leftPart div {
          height: 300px; }
          #pageBox #leftPart div img {
            max-width: 290px; } }
      @media screen and (max-width: 350px) {
        #pageBox #leftPart div img {
          max-width: 100%; } }
  #pageBox #rightPart {
    float: left;
    width: 50%;
    height: 100%;
    height: 100vh; }
    @media screen and (max-width: 1023px) {
      #pageBox #rightPart {
        float: none;
        width: 100%;
        height: auto; } }
  #pageBox #topPart {
    position: relative;
    height: 50%;
    height: 50vh;
    background: url(../img/dusseldorf.png) no-repeat center center;
    background-size: cover; }
    @media screen and (max-width: 1023px) {
      #pageBox #topPart {
        height: 400px; } }
  #pageBox #bottomPart {
    position: relative;
    height: 50%;
    height: 50vh;
    background: url(../img/leipzig.jpg) no-repeat center center;
    background-size: cover; }
    @media screen and (max-width: 1023px) {
      #pageBox #bottomPart {
        height: 400px; } }
  #pageBox #topPart,
  #pageBox #bottomPart {
    padding: 30px 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      #pageBox #topPart,
      #pageBox #bottomPart {
        -ms-flex-pack: center;
        justify-content: center; } }
    #pageBox #topPart::before,
    #pageBox #bottomPart::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      content: "";
      z-index: 2; }
    #pageBox #topPart div,
    #pageBox #bottomPart div {
      text-align: left;
      z-index: 3; }
      @media screen and (max-width: 1023px) {
        #pageBox #topPart div,
        #pageBox #bottomPart div {
          text-align: center; } }
  #pageBox #copyBox {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 0 0 0 60px;
    z-index: 5; }
    @media screen and (max-width: 1023px) {
      #pageBox #copyBox {
        left: 10px;
        padding: 0 0 0 50px; } }
    #pageBox #copyBox #mailIcon {
      position: absolute;
      top: -10px;
      left: 0;
      width: 40px;
      height: 40px;
      border: 2px solid #fff;
      padding: 8px;
      border-radius: 100%; }
      #pageBox #copyBox #mailIcon svg path {
        fill: #fff; }
      #pageBox #copyBox #mailIcon:hover {
        background-color: #fff; }
        #pageBox #copyBox #mailIcon:hover svg path {
          fill: #000; }
  #pageBox #contentBox {
    margin: 0 auto;
    padding: 100px 20px;
    max-width: 1240px;
    text-align: left; }
    #pageBox #contentBox img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      padding: 40px 0 50px 0; }
    #pageBox #contentBox a {
      text-decoration: underline; }
    @media screen and (max-width: 767px) {
      #pageBox #contentBox h1 {
        font-size: 20px; } }

.gmBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  -ms-transform: translateY(-105vh);
  transform: translateY(-105vh); }
  .gmBox.ready {
    transition: transform .3s ease-in-out; }
  .gmBox #gmD,
  .gmBox #gmM {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .gmBox.opened {
    -ms-transform: translate(0);
    transform: translate(0); }
  .gmBox .closeMap {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 80px;
    height: 80px;
    z-index: 999; }
    @media screen and (max-width: 1023px) {
      .gmBox .closeMap {
        top: 0;
        left: 0; } }
    .gmBox .closeMap::before {
      position: absolute;
      top: 40px;
      left: 25px;
      width: 30px;
      height: 1px;
      background: #fff;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ""; }
    .gmBox .closeMap::after {
      position: absolute;
      top: 40px;
      left: 25px;
      width: 30px;
      height: 1px;
      background: #fff;
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      content: ""; }

.cc_banner-wrapper {
  position: absolute !important;
  background: none;
  z-index: 9999999999999998 !important; }

.cc_container {
  left: 10px !important;
  top: 10px !important;
  right: 10px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0px 4px 14pxrgba 0, 0, 0, 0.25 !important;
  color: #546979 !important;
  font-family: Montserrat, sans-serif !important;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px !important;
  min-height: 106px;
  padding: 20px 250px 5px 30px !important;
  text-align: left; }

.cc_container .cc_message {
  line-height: 22px !important;
  margin-top: 0 !important; }

.cc_banner-wrapper p a {
  color: #36D651 !important;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important; }

.cc_container .cc_btn {
  position: absolute !important;
  top: 30px !important;
  right: 30px !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  background: #36D651 !important;
  color: #FFF !important;
  margin: 0 !important;
  padding: 15px !important;
  width: 180px !important;
  max-width: 180px !important;
  font-size: 15px !important; }

button:disabled {
  opacity: 0.5; }

@media (max-width: 767px) {
  .cc_container {
    padding: 30px 30px 110px 30px !important; }
  .cc_container .cc_message {
    font-size: 1em !important; }
  .cc_container .cc_btn {
    top: auto !important;
    bottom: 30px !important;
    right: 50% !important;
    margin-right: -90px !important; } }

.gmCookiesInfoBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/gmDatabackground.png) no-repeat center center;
  background-size: cover;
  z-index: 99;
  -webkit-transition: opacity .3s ease-in-out, left 0s linear .4s;
  transition: opacity .3s ease-in-out, left 0s linear .4s; }

.gmCookiesInfoBackground.gmAccepted {
  opacity: 0;
  left: -10000px; }

.gmCookiesInfoBackground::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 58, 83, 0.5);
  content: "";
  z-index: 100; }

.gmCookiesInfoBox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -120px;
  width: 240px;
  color: #fff;
  text-align: center;
  z-index: 101; }

.gmCookiesInfoBox p {
  font-size: 0.938em;
  line-height: 15px; }

.gmCookiesInfoBox strong {
  font-size: 1.625em;
  font-weight: normal; }

.gmCookiesInfoBox img {
  display: block;
  margin: 0 auto;
  width: 80px; }

.gmCookiesInfoBox a {
  color: #fff;
  text-decoration: underline; }

.gmCookiesInfoBox button {
  width: 100%;
  margin-top: 30px;
  border: 0;
  padding: 10px;
  background: #fff;
  color: #000;
  font-weight: 700;
  cursor: pointer; }

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