/*dunkelgrau*/
/*weiss zB. Links Footer*/
/*blau*/
@font-face {
  font-family: "Lato";
  src: url("/_fonts/Lato/Lato-Light.ttf") format("truetype");
}
html, .uk-h1, .uk-h2, .uk-h3, h1, h2, h3 {
  font-family: "Lato";
}
body {
  background: #f7f7f7;
}
.bgfarbe {
  background: #ffffff;
}
#button a {
  margin: 1rem;
  width: 15rem;
  color: #FFFFFF;
  background: #76b0c5;
}
.bereich1 .ol {
  background-image: linear-gradient(to top, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.bereich1 h1 {
  color: #FFFFFF;
}
.bereich1 h1.desktop {
  font-size: 7rem;
}
.bereich1 h1.smart {
  font-size: 4rem;
}
.bereich1 h2 {
  color: #FFFFFF;
}
.bereich2 h1 {
  color: #3b3745;
  font-size: 4rem;
}
.bereich2 p {
  font-size: 1.625rem;
  line-height: 1.5;
  hyphens: auto;
}
.bereich2 em {
  color: #76b0c5;
}
.bereich3 .zeichen img {
  width: 25%;
}
.bereich3 .zitat {
  color: #3b3745;
  font-size: 2.5rem;
}
.bereich3 .zitat strong, .bereich3 .zitat .zitatgeberBeschreibung {
  font-size: 1.5rem;
  color: #76b0c5;
}
.bereich3 .zitat p:last-of-type {
  margin-bottom: 0px;
}
.bereich4 {
  background: #FFFFFF;
  #eight: 100vh;
}
.bereich5 h1 {
  color: #3b3745;
  font-size: 4rem;
}
.bereich5 p {
  font-size: 1.3rem;
  line-height: 1.5;
  hyphens: auto;
}
.bereich6 h1 {
  color: #3b3745;
  font-size: 4rem;
}
.bereich6 p {
  font-size: 1.3rem;
  line-height: 1.5;
  hyphens: auto;
}
.bereich6 div.uk-inline .uk-h2 {
  color: #76b0c5;
  font-weight: bold;
}
.uk-accordion li {
  border-bottom: 1px solid #76b0c5;
  padding: 1rem;
}
.uk-accordion li .uk-accordion-title {
  color: #76b0c5;
}
.uk-accordion li em {
  color: #333;
}
.uk-modal-dialog em {
  color: #333;
}
.uk-modal-dialog a {
  color: #76b0c5;
}
footer {
  background: #76b0c5;
}
footer a, footer a:hover, footer div, footer .uk-h2 {
  color: #FFFFFF;
}
footer .uk-grid div:not(.uk-first-column) {
  font-size: 1.3rem;
  line-height: 1.5;
}