@font-face {
  font-family:'mullerregular';
  src:url('../fonts/fontfabric_-_muller-regular-webfont.woff2') format('woff2'), url('../fonts/fontfabric_-_muller-regular-webfont.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'mullerbold';
  src:url('../fonts/fontfabric_-_muller-bold-webfont.woff2') format('woff2'), url('../fonts/fontfabric_-_muller-bold-webfont.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}
body {
  color:#fff;
  font-family:'mullerregular';
  line-height:1.4;
  font-size:16px;
  overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, strong {
  font-family:'mullerbold';
  font-weight:normal;
  color:inherit;
}
article {
  position:relative;
  width:100%;
}
h1 {
  font-size:50px;
  margin-bottom:40px;
}
p { font-size:20px; }
a { color:inherit; }
img { max-width:100%; }
.startScreen {
  min-height:100vh;
  background:#179193;
  background-image:url('/images/bg/190528_MDT-001_LandingPage_Hintergrundgrafik.png');
  background-size:cover;
  background-position:center;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding-bottom:120px;
}
.topRightLogo {
  position:absolute;
  top:60px;
  right:60px;
}
.topRightLogo img { width:200px; }
.missionScreen {
  min-height:100vh;
  text-align:center;
  padding-bottom:80px;
}
.missionScreen .missionImg {
  max-width:1000px;
  margin:0 auto;
  margin-bottom:60px;
}
.missionScreen h1 { color:#179193; }
.missionScreen p { color:#000; }
.missionScreen .moreInfo { margin-top:50px; }
.missionScreen .turkisBtn { margin-top:10px; }
.turkisBtn {
  color:#fff;
  background:#179193;
  border-radius:8px;
  padding:10px;
}
.turkisBtn:hover, .turkisBtn:focus, .turkisBtn:active {
  color:#fff;
  text-decoration:none;
  background:#13545c;
}
.finalScreen {
  background-image:url('/images/bg/190528_MDT-001_LandingPage_Hintergrundgrafik.png');
  background-size:cover;
  background-position:center;
  background-color:#293540;
  min-height:100vh;
  padding-bottom:60px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#d3d6d7;
}
.finalScreen h1 { text-transform:uppercase; }
.footer {
  text-align:left;
  position:absolute;
  bottom:60px;
  width:560px;
}
.footer p { font-size:16px; }
.footer p:first-child {
  color:#fff;
  font-family:'mullerbold';
}
.copyright {
  position:absolute;
  bottom:30px;
  right:60px;
}
.copyright span {
  font-size:12px;
  cursor:pointer;
  color:#fff;
}
.copyright span:hover { color:#d3d6d7; }
.copyright .datenschutzBtn { margin-right:20px; }
.hiddenScreen {
  display:none;
  background:#182027;
}
.hiddenScreen .centerContent {
  padding-top:60px;
  padding-left:10%;
  padding-right:10%;
}
.hiddenScreen p { font-size:12px; }
.phoneIcon, .faxIcon { position:relative; }
.phoneIcon::before {
  background:url('/images/icons/190528_MDT-001_LandingPage_Telefon_Gruen.png');
  background-size:25px 25px;
  background-repeat:no-repeat;
  display:block;
  content:'';
  position:absolute;
  top:0;
  left:-40px;
  width:25px;
  height:25px;
}
.faxIcon::before {
  background:url('/images/icons/190528_MDT-001_LandingPage_Fax_Gruen.png');
  background-size:29px 32px;
  background-repeat:no-repeat;
  display:block;
  content:'';
  position:absolute;
  top:0;
  left:-40px;
  width:29px;
  height:32px;
}
.sponsorBar {
  position:absolute;
  bottom:0;
  height:120px;
  background:#fff;
  width:100%;
  color:#000;
  text-align:left;
  padding-left:80px;
  padding-top:10px;
  padding-bottom:10px;
}
.sponsorBar p {
  font-size:12px;
  margin-bottom:10px;
}
.sponsorBar img {
  height:40px;
  width:auto;
  padding-right:20px;
}
.scrollBox {
  position:fixed;
  top:50%;
  left:50px;
  transform:translateY(-50%);
  z-index:5;
}
.scrollBox .scrollItem {
  width:12px;
  height:12px;
  background:rgba(0,0,0,0.4);
  cursor:pointer;
  border-radius:16px;
  margin-top:8px;
}
.scrollBox .scrollItem.active { background:#000; }
.scrollBox.grey .scrollItem { background:rgba(177,177,177,0.4); }
.scrollBox.grey .scrollItem.active { background:#b1b1b1; }
.mod-languages {
  position:absolute;
  top:10px;
  right:40px;
  text-transform:uppercase;
}
.mod-languages li {
  color:#000;
  opacity:0.3;
}
.mod-languages li.lang-active { opacity:1; }
.mod-languages li a, .mod-languages li a:active, .mod-languages li a:hover, .mod-languages li a:focus { color:inherit; }
.layout_form { margin-top:40px; }
.emailinput {
  width:302px;
  font-size:12px;
  padding:10px;
  border-radius:3px;
  position:relative;
  right:1px;
  margin-bottom:5px;
  border:1px solid #d3d3d3;
}
.getEmInline { display:inline; }
.submitBtn {
  color:#fff;
  border:0;
  outline:none;
  padding:9px;
  padding-top:8px;
  border-radius:8px;
  padding-left:20px;
  padding-right:60px;
  width:160px;
  cursor:pointer;
  background-color:#3d4651;
  background-image:url('/images/icons/190528_MDT-001_LandingPage_Brief_Weiss.png');
  background-position:90% center;
  background-repeat:no-repeat;
  position:relative;
  top:1px;
  margin-top:15px;
}
.submitBtn:hover { background-color:#293540; }
.g-recaptcha {
  display:flex;
  justify-content:center;
}
@media screen and (max-width: 1199px) {
  .topRightLogo {
    position:static;
    margin-top:40px;
    margin-bottom:40px;
  }
  .startScreen { flex-direction:column; }
  .finalScreen { flex-direction:column; }
  h1 { font-size:50px; }
  p { font-size:24px; }
  .centerContent { padding:0 40px; }
  .scrollBox { display:none; }
  .missionScreen .topRightLogo, .finalScreen .topRightLogo { display:none; }
}
@media screen and (max-width: 991px) {
  h1 { font-size:42px; }
  p { font-size:20px; }
  .topRightLogo img { width:200px; }
  .sponsorBar { padding-left:40px; }
}
@media screen and (max-width: 767px) {
  h1 { font-size:34px; }
  p { font-size:18px; }
  .startScreen, .missionScreen, .finalScreen {
    min-height:0;
    height:auto;
    padding-bottom:0;
  }
  .missionScreen .centerContent, .startScreen .centerContent { padding-bottom:30px; }
  .sponsorBar {
    position:static;
    padding-left:20px;
    height:auto;
    padding-top:20px;
    padding-bottom:20px;
  }
  .sponsorBar img { margin-bottom:5px; }
  .finalScreen { padding-top:40px; }
  .footer {
    position:static;
    width:auto;
    padding-left:60px;
  }
  .footer p { margin-bottom:5px; }
  .footer .col-12 { margin-bottom:30px; }
  .footer .faxIcon::before {
    width:20.5px;
    height:23px;
    background-size:cover;
  }
  .footer .phoneIcon::before {
    background-size:cover;
    width:21px;
    height:21px;
  }
  .copyright {
    position:static;
    padding-bottom:20px;
    padding-top:20px;
  }
  .hiddenScreen h3 { font-size:20px; }
  .impressumScreen .col-12:first-child { order:2; }
  .hiddenScreen .centerContent { padding-top:40px; }
  .finalScreen .centerContent p {
    font-size:26px;
    padding-bottom:40px;
  }
  .emailinput {
    width:275px;
    margin-bottom:5px;
  }
  .centerContent {
    padding-left:20px;
    padding-right:20px;
  }
  .centerContent br { display:none; }
  .submitBtn { margin-bottom:10px; }
  .mod-languages { right:10px; }
  .mod-languages li:first-child a {
    width:22px;
    display:inline-block;
    overflow:hidden;
  }
  .mod-languages li:last-child a {
    width:22px;
    display:inline-block;
    overflow:hidden;
  }
}
@media screen and (max-width: 525px) {
  h1 { font-size:30px; }
}