.my-box {
  padding: 10px;
}
@media (min-width: 992px) {
  .my-box {
    padding: 20px;
  }
}

.purple {
  color: #524993;
}

.red {
  color: #cf0000;
}

*,
html,
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #524993;
}

img {
  width: 100%;
  height: auto;
  max-width: 960px;
}

a {
  color: #524993;
  font-weight: bold;
  text-decoration: none;
}

div#page {
  width: 100%;
}

div#stage {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 1em;
  padding-left: 2vh;
  padding-right: 2vh;
}

h1,
h2,
h3,
h4,
h5 {
  color: #524993;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 175%;
}

h3 {
  font-size: 150%;
  margin: 0;
  padding: 0;
  margin-top: 1.5em;
}

ul.leistungen {
  padding-top: 1em;
  width: 100%;
  text-align: center;
}

ul.leistungen li {
  font-size: 200%;
  font-weight: bold;
  color: #cf0000;
  list-style-type: none;
  display: inline-flex;
  padding-right: 1em;
  padding-bottom: 0.5em;
}
@media (max-width: 576px) {
  ul.leistungen li {
    font-size: 54px;
  }
}
@media (min-width: 576px) {
  ul.leistungen li {
    font-size: 54px;
  }
}

@media (max-width: 576px) {
  .fa-3x {
    font-size: 4em;
  }
}
@media (min-width: 576px) {
  .fa-3x {
    font-size: 3em;
  }
}

@media (max-width: 576px) {
  main {
    font-size: 2em;
  }
}
@media (min-width: 576px) {
  main {
    font-size: 2.5em;
  }
}

main p {
  line-height: 1.5em;
  margin-bottom: 1em;
}

ul.icons {
  display: flex;
  justify-content: flex-left;
}

ul.icons li {
  list-style-type: none;
  width: 100%;
}/*# sourceMappingURL=style.css.map */