html,
body {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 245, 40, 0.445))), url("../img/background.jpg");
  background-image: linear-gradient(to bottom, rgba(156, 245, 40, 0.445)), url("../img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
}

.withBorder {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  margin: 20px 20px 0 0;
}

a {
  font-size: 13px;
}

#mainText {
  height: 60%;
}

#mainText h1 {
  hyphens: auto
}

#textFooter {
  font-style: serif;
  margin: 40px;
}

#logo {
  margin: 10px 0 0 10px;
}

#mariaText p:nth-child(odd) {
  text-align: left;
}

#mariaText p:nth-child(even) {
  text-align: right;
  padding-bottom: 20px;
}

.mailContact {
  color: #008dff;
}

.mailContact a {
  padding-right: 0.5em;
}

.phoneContact {
  color: #008dff;
}

.phoneContact a {
  padding-right: 0.5em;
}

.h70 {
  height: 70%;
}

@media screen and (min-width: 768px) {
  #mainText h1 {
    font-size: 60px;
  }

  .vereisten {
    position: relative;
    top: -100px;
  }

  .gevolgen {
    position: relative;
    top: -100px;
  }
}
/*# sourceMappingURL=style.css.map */