.dot {
  height: 17px !important;
  width: 17px !important;
  background-color: white !important;
  border-radius: 90%;
  display: inline-block;
}
.dot.active .point {
  height: 12px !important;
  width: 12px !important;
  background-color: #013775 !important;
  border-radius: 90%;
  display: block;
}

.carousel-indicators {
  margin: 0 0 10% 10%;
}
.carousel-indicators li {
  margin-right: 5px;
  margin-left: 5px;
}

.gif {
  position: absolute;
  margin: 10% 5% 0 10%;
  width: 25%;
}

.headLine2 {
  position: absolute;
  width: 50%;
  margin: 15% 0 0 40%;
}

.cp9 {
  position: absolute;
  width: 15%;
  margin: 104% 0 0 70%;
}

.col-centered {
  float: none;
  margin: calc(100% - 14px);
}

.marktplatzWidth {
  width: 85%;
  margin: 25% 0 10% 0;
}

.rowWidth {
  width: 25%;
}

.paddingSet {
  padding: 0 0 0 7%;
}

.bald {
  width: 100%;
  margin-top: 10%;
}

.paragraph {
  margin-top: 20%;
  width: calc(100% + 36px);
  color: #013775;
  font-family: Raleway;
  line-height: 1.2;
  font-size: 12pt;
}

.right {
  margin: 0 auto 0 12%;
}

img.height {
  margin: 0 0 -30% -25%;
  width: 140% !important;
}

@media only screen and (max-width: 751px) {
  .dot {
    height: 20px !important;
    width: 20px !important;
  }
  .dot.active .point {
    height: 13px !important;
    width: 13px !important;
  }

  .col-centered {
    float: none;
    margin: 20% 0 0 19.9%;
  }

  .marktplatzWidth {
    width: 75%;
    margin: 10% 0 10% 10%;
  }

  .gif {
    margin: 10% 5% 0 30% !important;
    width: 38% !important;
  }

  .headLine2 {
    width: 75% !important;
    margin: 55% 0 0 15% !important;
  }

  .carousel-indicators {
    margin-bottom: 15%;
  }
  .carousel-indicators li {
    margin-right: 3px;
    margin-left: 3px;
  }

  .paragraph {
    margin-top: 10%;
  }

  .bald {
    margin-top: 0;
  }

  .right {
    margin: 0 auto 0 0;
  }

  .rowWidth {
    width: 85% !important;
    margin-left: 8%;
  }

  .paddingSet {
    padding: 0 !important;
  }

  .cp9 {
    margin: 95% 0 0 70%;
  }
}
@media only screen and (min-width: 1366px) and (max-height: 650px) {
  img.height {
    margin: 0 0 -25%;
    width: 100% !important;
  }

  .cp9 {
    width: 14%;
    margin: 70% 0 0 70%;
  }

  .carousel-indicators {
    margin-bottom: 5%;
  }
}
@media only screen and (min-width: 1600px) {
  img.height {
    margin: 0 0 -14% 5%;
    width: 95% !important;
  }

  .cp9 {
    width: 14%;
    margin: 75% 0 0 70%;
  }
}
@media only screen and (min-width: 1920px) {
  img.height {
    margin: 0 0 -34% -20%;
    width: 125% !important;
  }

  .cp9 {
    width: 14%;
    margin: 85% 0 0 70%;
  }
}

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