body {
  font-family: 'Titillium Web';
  background-color: rgba(238,238,238,1);
}

.navbar {
  background-color: rgba(33,37,41,0.98);
}

.nav-item {
  font-size: 20px;
}

.navbar-toggler {
  border-style: none !important;
  box-shadow: 0px 0px !important;
}

#start {
  height: 68vh;
  width: 100%;
  background-image: url(../../assets/img/start.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: table;
  margin-bottom: -300px;
}

#benefits {
  background-color: rgba(238,238,238,0);
}

#ablauf, #expertise {
  background-color: rgba(255,255,255,1);
}

#impressionen, #kontakt {
  background-color: rgba(238,238,238,1);
}

.text-end {
  color: rgba(255,255,255,1);
}

h2 {
  margin-bottom: 24px !important;
  padding-top: 0px !important;
}

p {
  font-size: 20px;
}

hr {
  border-color: rgba(102,102,102, 1) !important;
  width: 100px;
  border-width: 2px;
  border-style: solid;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.box {
  border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(187,187,187,0.5);
}

.icon {
  color: rgba(0,120,215,1) !important;
}

.timeline-image {
  background-color: rgba(238,238,238,1) !important;
}

.client-image {
  padding: 10px;
}

a {
  text-decoration-color: #7d8285;
}

.people {
  background: rgba(255,255,255,1);
  border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(187,187,187,0.5);
  margin: 0px;
}

.people p {
  font-size: 16px;
  margin-bottom: 0px;
}

.people i {
  font-size: 24px;
}

.footer-dark p {
  color: rgba(255,255,255,1);
  font-size: 16px;
  margin-bottom: 0px;
}