* {
  box-sizing: border-box;
}

header {
  background-color: #fff;
  padding: 0;
  margin: 0;
}

.section {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  clip: rect(0, auto, auto, 0);
}
.section .fixed {
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 25%;
}
.section .white {
  color: #fff;
}

#home {
  top: 0;
  z-index: 1;
}
#home .fixed {
  -webkit-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
}

#praxis {
  box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
  top: 100vh;
  z-index: 2;
}
#praxis .fixed {
  -webkit-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
	background-color: white;
}

#team {
  box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
  top: 200vh;
  z-index: 3;
}
#team .fixed {
  -webkit-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
	background-color: white;
}

#leistungen {
  box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
  top: 300vh;
  z-index: 4;
  
}
#leistungen .fixed {
  -webkit-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
}

/*blauer Balken*/
.trenner{
	height: 20px;
	background-color:#0f88b6;
	z-index:1;
}