/* BASE */

body {
  font-size: 20px;
}

h1 {
  margin: 0;
}

.spacer {
  padding-top: 64px;
  padding-bottom: 64px;
}

.spacer-small {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (min-width: 768px){
  .spacer-bottom {
    padding-bottom:64px;
  }
}

.bg-color {
  background-color: #5B0409;
  color: white;
}

/* BUTTON */

.btn {
  margin-top: 48px;
  border: 2px solid transparent;
}

.btn:focus {
  box-shadow: none;
}

.btn:hover {
  background-color: #fff;
  border: 2px solid #5B0409;
}

.btn a {
  color: white;
}

.btn:hover a {
  color: #5B0409;
}

.btn a:hover {
  text-decoration: none;
}

p a:after {
  content: '↗';
}

/* ABSOLUTE IMAGES */

.container {
  position: relative;
}

.absolute-image {
  position: absolute;
  z-index: 1;
}

@media (max-width: 1139px) {
  .absolute-image {
    display: none;
  }
}

.absolute-retuximap {
  bottom: -172px;
  left: -98px;
}

.absolute-makrophagen {
  bottom: -44px;
  left: -157px;
  width: 300px;
  transform: scaleX(-1);
}

.absolute-cytomegalievirus {
  bottom: 518px;
  left: 913px;
  width: 300px;
}

.absolute-netinducer {
  bottom: -148px;
  left: 1148px;
  width: 160px;
  transform: rotate(-125deg);
}

.absolute-tommi {
  bottom: 463px;
  left: 1071px;
  width: 160px;
  transform: rotate(-15deg);
}

.absolute-neutrophile {
  bottom: -98px;
  left: 930px;
  width: 375px;
}

/* TEXTBACKGROUND IMAGE */

.the-game {
  background: url('_pictures/startscreen02_web.jpg'); 
  background-size: cover;
  background-position: center center;
  position: relative;
}

.prices {
  background: url('_pictures/startscreen01_web.jpg'); 
  background-size: cover;
  background-position: center center; 
  position: relative;
}

/* HEADER */

header {
  padding: 16px;
}

.nav-link{
  display: inline;
  color: #4D4D4D;
}

.nav-link:hover, .nav-link.active{
  color: #5B0409;
}

.nav-language a:first-of-type {
  padding-right: 5px;
}

.nav-language a:last-of-type {
  padding-left: 5px;
}

/* HERO */

.hero { 
  background: url('_pictures/startscreen01_web.jpg'); 
  background-size: cover;
  background-position: center center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.opacity {
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.75;
}

.hero-logo {
  position: relative;
}

/* DOWNLOADS */

.download-button img {
  width: 253px;
}

@media (max-width: 959px) {
  .download-button img {
    margin-bottom: 16px;
  }
  .download-button:nth-of-type(2) img {
    margin-bottom: 0;
  }
  .download-button:nth-of-type(2) {
    order: 13;
  }
}

/* SCREENSHOTS */

.screenshot-img {
  margin-bottom: 32px;
  display: block;
}

@media (max-width: 767px) {
  .screenshot-img a {
    pointer-events: none;
    cursor: default;
  }
}

/* MODAL */

@media (min-width: 576px) {
  .modal-dialog {
      max-width: 800px;
      margin: 1.75rem auto;
  }
}

/* SPONSORS */

.sponsor-logos {
  height: 90px;
  margin-top: 32px;
  display: block;
}

.sponsor-logos_size {
  height: 130px;
  margin-top: 32px;
  display: block;
}

/* FOOTER */

.footer.nav {
  padding: 32px 0 64px 0;
}

.footer.nav-link.disabled {
  color: white;
}