#ipa-header {
  background-color: #fff;
  color: #000;
  text-align: left;
}

h1 {
  color: #2d9bf0;
}

body {
  line-height: 1.5;
  text-align: center;
  max-width: 1400px;
  margin: auto;
}

html,
body {
  overflow-x: hidden;
}

/* General */

.ipa-shops {
  margin: auto;
}

.ipa-logo {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 2rem;
}

.ipa-logo:hover {
  color: white;
}

.ipa-section {
  background-color: #fff;
  color: #2d9bf0;
  text-align: center;
  padding: 2% 0 2% 0;
}

/* Home Page  */

.container-fluid {
  padding: 0;
}

.navbar {
  padding: 10px 3%;
  background-color: #2d9bf0;
}

#section2 {
  text-align: center;
  padding: 2% 10% 5% 10%;
}

.ipa-icons {
  font-size: 80px;
}

#section3 {
  text-align: center;
  padding: 5% 10%;
  background-color: #2d9bf0;
  color: #fff;
}

.ipa-background {
  background-color: #2d9bf0;
  color: black;
}

#section4 {
  text-align: center;
  padding: 5% 10% 5% 10%;
}

/* Preise  */

.ipa-highlight {
  color: #2d9bf0;
  font-weight: bold;
}

.pricing-column {
  padding: 3% 2%;
}

.pricing-header {
  background-color: #2d9bf0;
  color: #fff;
}

.pricing-header-highlight {
  background-color: #2d9bf0;
  color: white;
  border-radius: 0px !important;
}

.blue-border {
  border-color: #2d9bf0;
  border-width: thick;
}

.copyright {
  color: #000;
  text-align: center;
  font-size: 80%;
  font-weight: lighter;
  margin-top: 1em;
}

.impressum {
  padding: 100px 100px 10% 100px;
}

.jobs {
  margin: 50px 20%;
}

.datenschutz {
  margin: 50px 20%;
}

.section-header h1 {
  margin-bottom: 1em;
  margin-top: 0.5em;
}

/* Top-Nav  */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #2d9bf0;
  background: #fff;
}

/* Footer-Nav  */

.navbar-light .navbar-nav .nav-link {
  color: #fff;
  text-align: center;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}

.packfehler {
  margin-top: 2rem;
}

/* Logo-Shop-Slider  */
.carousel-inner,
.carousel-item {

}

/* Rechner  */
.rechner {
  border: 2px solid #2d9bf0;
  border-style: none dashed;
  padding: 2% 5%;
}

.input-desc {
  margin-bottom: 10px;
}

.input-btn {
  background: #2d9bf0;
  color: #fff;
  border: none;
  font-size: 1.5rem;
  text-align: center;
  padding: 10px;
  border: solid 1px;
  border-color: #2d9bf0;
}

.input-btn:hover {
  color: #2d9bf0;
  background: #fff;
}

.input-hint {
  color: grey;
  font-size: 0.75rem;
}

.input-title {
  color: #2d9bf0;
  font-size: 1.5rem;
  font-weight: bold;
}

.input-field {
  text-align: center;
  margin: 10px;
}
.input-field.error {
  border: 1px solid red;
}
.custom_message_input {
  width: calc(100% - 20px);
  padding: 10px;
  display: block;
  margin: 10px;
}

.ctabtn {
  -webkit-appearance: none;
  background: #2D9BF0;
  color: #FFF;
  border: none;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.ctabtn:hover {
  -webkit-appearance: none;
  background: #FFF;
  color: #2D9BF0;
  border: 2px solid #2D9BF0;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.paket-zeile {
  margin-top: 1rem;
  border-bottom: 1px solid #2d9bf0;
}

/* Mobile  */

@media screen and (max-width: 766px) {
  #section4 {
    margin-top: 1em;
  }

  /* Top-Nav  */
  .navbar-dark .navbar-nav .nav-link {
    text-align: center;
    margin-top: 0.75em;
    padding-right: 10px;
  }

  .input-field {
    width: 94%;
  }
}


@media screen and (max-width: 1400px) {
.rechner {
  border: none;
  border-style: none
  }
}

/* Bookings  */

.headerSection {
  display: none;
}