html, body
{
margin: 0;
padding: 0;
font-size: 100%;
}

#cookie-law {
  /* background-color: white; */
  background: rgba(255,255,255,.9);
  width: 98vw;
  padding: 1vw;
  position: fixed;
  z-index: 3000;
  bottom: 2vh;
}

#cookie-law a {
  color: black;
}

font-family: 'Open Sans', sans-serif;

li {
  font-family: 'Open Sans';
  color: #3C3C3B;
  text-decoration: none;
  /* font-size: 160%; */
}

a {
  font-family: 'Open Sans';
  color: #3C3C3B;
  text-decoration: none;
  /* font-size: 100%; */
}

p {
  font-family: 'Open Sans';
  line-height: 1.5;
}

h2 {
  font-family: 'Open Sans';
  line-height: 1.5;
  font-size: 280%;
}

h3 {
  font-family: 'Open Sans';
  font-size: 200%;
}

h4 {
  font-family: 'Open Sans';
  font-size: 130%;
}

.bogen {
  width: 100vw;
}

header {
  background-color: white;
  width: 80vw;
  height: 12vh;
  padding-top: 2vh;
  padding-left: 10vw;
  padding-right: 10vw;
  position: fixed;
  z-index: 1000;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

header #logo {
  height: 10vh;
}

header ul {
  width: 60vw;
  margin-top: 8vh;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

header li {
  list-style: none;
  color: black;
  margin-left: 4vw;
}

#start {
  width: 100vw;
  background-size: cover;
}

#start img{
  width: 100vw;
  background-size: cover;
  z-index: 1;
}



#Praxis {
  width: 80vw;
  /* height: 100vh; */
  padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 10vw;
  /* padding-bottom: 10vh; */
  background-color: #C5CE69;
}

#PRAXISLINK {
  position: absolute;
  margin-top: -15vh;
}

#Praxis section {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

#Praxis article {
  width: 40vw;
}

#Praxis article p {
  padding-right: 5vh;
  color: white;
}

#Praxis article a {
  color: white;
}

#Praxis article h2 {
  color: white;
}

#Praxis article h4 {
  color: white;
}

#Praxis article img {
  width: 40vw;
  height: 26.6vw;
  margin-top: 15vh;
}


#Team {
  width: 100vw;
  /* height: 100vh; */
  /* padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 10vw; */
  padding-bottom: 10vh;
  background-color: #D78AA2;
}

#TEAMLINK {
  position: absolute;
  margin-top: -15vh;
}

#Team section {
  padding-left: 10vw;
  padding-right: 10vw;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Team article {
  width: 40vw;
}

#Team article p {
  padding-right: 5vh;
  color: white;
}

#Team article h2 {
  color: white;
}

#Team article img {
  width: 40vw;
  height: 26.6vw;
}
#Team #Angestellte {
  width: 80vw;
  margin-top: 5vh;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Team #Angestellte img {
  width: 25vw;
  height: 25vw;
  /* margin-top: 3vw; */
}

#Angebot {
  width: 100vw;
  /* height: 100vh; */
  /* padding-top: 10vh; */
  /* padding-left: 10vw;
  padding-right: 10vw; */
  padding-bottom: 10vh;
  background-color: #F8B572;
}

#ANGEBOTLINK {
  position: absolute;
  margin-top: -15vh;
}

#Angebot section {
  padding-left: 10vw;
  padding-right: 10vw;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

#Angebot article {
  width: 35vw;
}

#Angebot article p {
  padding-right: 10vh;
  color: white;
}

#Angebot article h2 {
  color: white;
}

#Angebot article h3 {
  color: white;
  margin: 0;
  margin-bottom: -1vh;
  padding: 0;
}

#Angebot article h4 {
  color: white;
  margin: 0;
  padding: 0;
}

/* #Angebot article img {
  width: 40vw;
  height: 26.6vw;
} */




#Kontakt {
  width: 100vw;
  /* height: 100vh; */
  /* padding-top: 5vh;
  padding-left: 10vw;
  padding-right: 10vw; */
  padding-bottom: 5vh;
  /* background-color: #C5CE69; */
}

#KONTAKTLINK {
  position: absolute;
  margin-top: -15vh;
}

#Kontakt section {
  padding-left: 10vw;
  padding-right: 10vw;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

#Kontakt article {
  width: 50vw;
}

#Kontakt article p {
  padding-right: 5vh;
  color: #3C3C3B;
}

#Kontakt article h2 {
  color: #3C3C3B;
}

#Kontakt article p span {
  font-size: 150%;
}

#Kontakt article p img {
  width: 20vw;
  margin-right: 3vw;
}

footer {
  background-color: #98A153;
  width: 80vw;
  /* height: 20vh; */
  padding-top: 3vh;
  padding-left: 10vw;
  padding-right: 10vw;
  padding-bottom: 7vh;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer img {
  width: 20vw;
  height: 6.8vw;
  /* position: absolute;
  left: 45vw; */
}

footer a {
  color: white;
  text-decoration: none;
}

/* footer h4{
  position: absolute;
  right: 10vw;
} */

footer p {
  color: white;
  /* position: absolute;
  right: 10vw; */
  /* margin-top: 15vh; */
  font-size: 100%;
}

footer #copyright {
  width: 80vw;
}

footer #copyright p {
  color: white;
  position: absolute;
  right: 10vw;
  font-size: 70%;
  /* margin-bottom: 5vh; */
}


.box {
  position: relative;
  display: inline-block;
  margin-bottom: 3vw;
}

.box:hover .overlay {
opacity: 1;
}

.overlay {
opacity: 0;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.4); 29 color: #fff;
height: 99%;
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
}

.overlay h4 {
  padding-left: 3vh;
  padding-top: 14vw;
  color: white;
  font-family: "Open Sans";
  font-size: 150%;
}



#Detail {
  width: 100vw;
  padding-top: 15vh;
  /* height: 100vh; */
  /* padding-top: 10vh; */
  /* padding-left: 10vw;
  padding-right: 10vw; */
  padding-bottom: 10vh;
  background-color: #F8B572;
}

#DETAILLINK {
  position: absolute;
  margin-top: -15vh;
}

#Detail section {
  padding-left: 10vw;
  padding-right: 10vw;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

#Detail article {
  width: 35vw;
}

#Detail article p {
  padding-right: 10vh;
  color: white;
}

#Detail article h2 {
  color: white;
}

#Detail article h3 {
  color: white;
  margin: 0;
  margin-bottom: -1vh;
  padding: 0;
}

#Detail article h4 {
  color: white;
  margin: 0;
  padding: 0;
}

#Mitarbeiter {
  width: 100vw;
  padding-top: 17vh;
  /* height: 100vh; */
  /* padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 10vw; */
  padding-bottom: 10vh;
  background-color: #D78AA2;
}

#MITARBEITERLINK {
  position: absolute;
  margin-top: -15vh;
}


#Mitarbeiter section {
  padding-left: 10vw;
  padding-right: 10vw;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Mitarbeiter  article {
  width: 40vw;
}

#Mitarbeiter  article p {
  padding-right: 5vh;
  color: white;
}

/* #Mitarbeiter  article ul {
  list-style:circle;
} */

#Mitarbeiter  article li {
  font-family: 'Open Sans';
  color: white;
  line-height: 1.7;
  padding-right: 5vw;
}

#Mitarbeiter article h2 {
  color: white;
}

#Mitarbeiter  article img {
  width: 40vw;
  height: 26.6vw;
}

#Mitarbeiter .profilbilder img {
  padding-top: 3vh;
}

#Mitarbeiter  #Angestellte {
  width: 80vw;
  margin-top: 5vh;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Mitarbeiter  #Angestellte img {
  width: 25vw;
  height: 25vw;
  /* margin-top: 3vw; */
}








@media screen and (max-width: 720px){
  #cookie-law {
    /* background-color: white; */
    background: rgba(255,255,255,.9);
    width: 98vw;
    padding: 1vw;
    position: fixed;
    z-index: 3000;
    bottom: 2vh;
  }

  /* #cookie-law a {
    color: black;
  } */
/*
  font-family: 'Open Sans', sans-serif; */

  li {
    /* font-family: 'Open Sans';
    color: #3C3C3B;
    text-decoration: none; */
    /* font-size: 160%; */
  }
/*
  a {
    font-family: 'Open Sans';
    color: #3C3C3B;
    text-decoration: none;
  }

  p {
    font-family: 'Open Sans';
    line-height: 1.5;
  }

  h2 {
    font-family: 'Open Sans';
    line-height: 1.5;
    font-size: 280%;
  }

  h3 {
    font-family: 'Open Sans';
    font-size: 200%;
  }

  h4 {
    font-family: 'Open Sans';
    font-size: 130%;
  } */

  /* .bogen {
    width: 100vw;
  } */

  header {
    background-color: white;
    width: 80vw;
    height: 15vh;
    padding-top: 2vh;
    padding-left: 10vw;
    padding-right: 10vw;
    position: fixed;
    z-index: 1000;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  header #logo {
    height: 10vh;
  }

  header ul {
    width: 60vw;
    margin-top: 1vh;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }

  /* header li {
    list-style: none;
    color: black;
    margin-left: 4vw;
  } */

  /* #start {
    width: 100vw;
    background-size: cover;
  } */

  #start img{
    width: 100vw;
    background-size: cover;
    z-index: 1;
    padding-top: 15vh;
  }




  #Praxis {
    width: 80vw;
    /* height: 100vh; */
    padding-top: 0vh;
    padding-left: 10vw;
    padding-right: 10vw;
    /* padding-bottom: 10vh; */
    background-color: #C5CE69;
  }

  #PRAXISLINK {
    position: absolute;
    margin-top: -15vh;
  }

  #Praxis section {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Praxis article {
    width: 80vw;
  }

  #Praxis article p {
    padding-right: 5vh;
    color: white;
  }

  #Praxis article a {
    color: white;
  }

  #Praxis article h2 {
    color: white;
  }

  #Praxis article h4 {
    color: white;
  }

  #Praxis article img {
    width: 80vw;
    height: auto;
    margin-top: 3vh;
  }


  #Team {
    width: 100vw;
    /* height: 100vh; */
    /* padding-top: 10vh;
    padding-left: 10vw;
    padding-right: 10vw; */
    padding-bottom: 10vh;
    background-color: #D78AA2;
  }

  #TEAMLINK {
    position: absolute;
    margin-top: -15vh;
  }

  #Team section {
    padding-left: 10vw;
    padding-right: 10vw;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Team article {
    width: 80vw;
  }

  #Team article p {
    padding-right: 5vh;
    color: white;
  }

  #Team article h2 {
    color: white;
  }

  #Team article img {
    width: 80vw;
    height: auto;
  }
  #Team #Angestellte {
    width: 80vw;
    margin-top: 5vh;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Team #Angestellte img {
    width: 80vw;
    height: 80vw;
    /* margin-top: 3vw; */
  }

  #Angebot {
    width: 100vw;
    /* height: 100vh; */
    /* padding-top: 10vh; */
    /* padding-left: 10vw;
    padding-right: 10vw; */
    padding-bottom: 10vh;
    background-color: #F8B572;
  }

  #ANGEBOTLINK {
    position: absolute;
    margin-top: -15vh;
  }

  #Angebot section {
    padding-left: 10vw;
    padding-right: 10vw;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Angebot article {
    width: 80vw;
  }

  /* #Angebot article p {
    padding-right: 10vh;
    color: white;
  }

  #Angebot article h2 {
    color: white;
  }

  #Angebot article h3 {
    color: white;
    margin: 0;
    margin-bottom: -1vh;
    padding: 0;
  }

  #Angebot article h4 {
    color: white;
    margin: 0;
    padding: 0;
  } */

  /* #Angebot article img {
    width: 40vw;
    height: 26.6vw;
  } */




  #Kontakt {
    width: 100vw;
    /* height: 100vh; */
    /* padding-top: 5vh;
    padding-left: 10vw;
    padding-right: 10vw; */
    padding-bottom: 5vh;
    /* background-color: #C5CE69; */
  }

  #KONTAKTLINK {
    position: absolute;
    margin-top: -15vh;
  }

  #Kontakt section {
    padding-left: 10vw;
    padding-right: 10vw;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Kontakt article {
    width: 80vw;
  }

  /* #Kontakt article p {
    padding-right: 5vh;
    color: #3C3C3B;
  }

  #Kontakt article h2 {
    color: #3C3C3B;
  }

  #Kontakt article p span {
    font-size: 150%;
  } */

  #Kontakt article p img {
    width: 30vw;
    margin-right: 5vw;
  }

  footer {
    background-color: #98A153;
    width: 80vw;
    /* height: 20vh; */
    padding-top: 3vh;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-bottom: 7vh;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  footer img {
    width: 80vw;
    height: 27.2vw;
    /* position: absolute;
    left: 45vw; */
  }

  footer a {
    color: white;
    text-decoration: none;
  }

  /* footer h4{
    position: absolute;
    right: 10vw;
  } */

  footer p {
    color: white;
    /* position: absolute;
    right: 10vw; */
    /* margin-top: 15vh; */
    font-size: 100%;
  }

  footer #copyright {
    width: 80vw;
    margin-left: 5vw;
  }

  footer #copyright p {
    color: white;
    position: relative;

    right: 0vw;
    font-size: 70%;
    /* margin-bottom: 5vh; */
  }


  /* .box {
    position: relative;
    display: inline-block;
    margin-bottom: 3vw;
  }

  .box:hover .overlay {
  opacity: 1;
  } */

  /* .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.4); 29 color: #fff;
  height: 99%;
  width: 100%;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  }

  .overlay h4 {
    padding-left: 3vh;
    padding-top: 14vw;
    color: white;
    font-family: "Open Sans";
    font-size: 150%;
  } */



  #Detail {
    width: 100vw;
    padding-top: 15vh;
    /* height: 100vh; */
    /* padding-top: 10vh; */
    /* padding-left: 10vw;
    padding-right: 10vw; */
    padding-bottom: 10vh;
    background-color: #F8B572;
  }

  #DETAILLINK {
    position: absolute;
    margin-top: -15vh;
  }

  #Detail section {
    padding-left: 10vw;
    padding-right: 10vw;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Detail article {
    width: 80vw;
  }

  #Detail article p {
    padding-right: 10vh;
    color: white;
  }

  #Detail article h2 {
    color: white;
  }

  #Detail article h3 {
    color: white;
    margin: 0;
    margin-bottom: -1vh;
    padding: 0;
  }

  #Detail article h4 {
    color: white;
    margin: 0;
    padding: 0;
  }

  #Mitarbeiter {
    width: 100vw;
    padding-top: 17vh;
    /* height: 100vh; */
    /* padding-top: 10vh;
    padding-left: 10vw;
    padding-right: 10vw; */
    padding-bottom: 10vh;
    background-color: #D78AA2;
  }

  #MITARBEITERLINK {
    position: absolute;
    margin-top: -15vh;
  }


  #Mitarbeiter section {
    padding-left: 10vw;
    padding-right: 10vw;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Mitarbeiter  article {
    width: 80vw;
  }

  /* #Mitarbeiter  article p {
    padding-right: 5vh;
    color: white;
  } */

  /* #Mitarbeiter  article ul {
    list-style:circle;
  } */

  #Mitarbeiter  article li {
    font-family: 'Open Sans';
    color: white;
    line-height: 1.7;
    padding-right: 5vw;
  }

  #Mitarbeiter article h2 {
    color: white;
  }

  #Mitarbeiter  article img {
    width: 80vw;
    height: 53.2vw;
  }

  #Mitarbeiter .profilbilder img {
    padding-top: 3vh;
  }

  #Mitarbeiter  #Angestellte {
    width: 80vw;
    margin-top: 5vh;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #Mitarbeiter  #Angestellte img {
    width: 35vw;
    height: 35vw;
    /* margin-top: 3vw; */
  }
  }