html{
  overflow-x: hidden;
}
body{
  width: 100vw;
}
.positionblock{
  display:block;
  width: 100vw;
}
/* barmenu */
h1.inbar{
  z-index: 200;
  font-size: 2.25vw;
  letter-spacing: 0.1vw;
  line-height:1;
  position: fixed;
  top: 0.8vw;
  left: 5vw;
}
.bar{
  display: block;
  position: absolute;
  top: 53vw;
  left: 6vw;
}
.barmenu {
    position: fixed;
    left: 18vw;
    top: 0.3vw;
}
.whitebar{
  position: relative;
  top: 0;
  left: -3vw;
}
.whitebar.otherpage{
  position: fixed;
  top: 0;
}
.belowbar{
  display: block;
  position: relative;
  top: 6vw;
}
.topmenu{
  font-family: 'Nunito Sans', 'nunito_sansregular', sans-serif;
  font-weight: 200;
  font-size: 1.8vw;
  text-transform: uppercase;
  letter-spacing: 0.2vw;
  display: block;
}
.topmenu:hover{
  font-size: 2.02vw;
}
.barmenu{
  z-index: 200;
}
.whitebar{
  z-index: 199;
  width: 200vw;
  height: 6.25vw;
  background-color: white;
}
.barmenu.attop{
  position: fixed;
}
ul{
  margin-block-start:0;
  margin-block-end: 0;
}
.barmenu>li{
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1.6vw;
}
.barmenu a{
  font-family: 'Nunito Sans', 'nunito_sansregular', sans-serif;
  font-size: 1.4vw;
  text-transform: uppercase;
  letter-spacing: 0.15vw;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  width:15vw;
  margin: 0.3vw 0.25vw ;
  border: solid 0.5vw transparent;
  padding: 0.5vw;
  line-height: 1.6vw;
}
.barmenu a:hover{
  font-size: 1.5vw;
  font-weight: bold;
  margin: 0vw 0.25vw;
  padding: 0.5vw;
}
/* barmenu */
/* inheader */
.header{
  position: relative;
  left: -1vw;
}
.header img{
  display: block;
  width: 101vw;
  height: 49vw;
  background-color: #f4f4f4;
  z-index: 100;
}
.inheader{
  top:0;
  height: 100%;
  width:30vw;
  z-index: 150;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
}
.inheader.l{
  left: 10vw;
}
.inheader.r{
  right: 10vw;
}
.w{
  color: white;
}
.inheader.b{
  color: black;
}
/* inheader */

/* blocks */
.contentblock{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentblock.f{
  padding-top: 40px;
  padding-bottom: 40px;
}
.textbox{
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
}
.textbox.float{
  position: absolute;
  z-index: 100;
}
.grid_list{
  display: grid;
  grid-template-columns: 30% auto;
}
.grid_present{
  display: grid;
  grid-template-columns: 80% auto;
}
.grid_present .text{
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.profile{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* blocks */

/* elements */
.separater{
  width: 80vw;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #cccccc;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.programs img{
  height: 45px;
  margin-left: 20px;
}
.programs p{
  display: flex;
  height: 45px;
  align-items: center;
}
/* elements */

/* footer */
footer{
  height: 50px;
  display: flex;
  justify-content:center;
  align-items: center;
}
/* footer */