h3 {
  margin-top: 20px;
}

.affixXXX {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1030;
}

.navbar {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1030;
}

.affix.navbar {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
}

.fa-play-circle {
  font-size: 30px;
}

.masthead {
  background-image: url("../img/start.jpg") !important;
  background-size: contain !important;
  height: 700px !important;
  background-color: rgb(255,255,255) !important;
}

#about, #team, #referenzen {
  padding-top: 65px;
}

@media (max-width: 992px) {
  .masthead {
    background-image: url("../img/start_mobile.jpg") !important;
    background-size: contain !important;
    height: 400px !important;
    background-color: rgb(255,255,255) !important;
  }
  .swiper-container {
    max-height: 250px;
  }

  #about, #team, #referenzen {
    padding-top: 60px;
  }



}
@media (min-width: 992px) {
  .swiper-pagination {
    display: none;
  }
}

.modal-dialog {
      max-width: 1000px;
      width: 100%;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}