.header {
  float: top;
  background-color: #33FF55;
  xbackground-color: green;
}
.headerlogo {
  float: left;
  width: 15%;
  height: 100%;
  background-color: green;
}
.headernaam {
  float: left;
  width: 70%;
  height: 100%;
  background-color: #33FF55;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .header {
    height: 6em;
  }
  .headernaam {
    font-size: 40pt;
  }
}
@media screen and (max-width: 640px) {
  .header {
    height: 4em;
  }
  .headernaam {
    font-size: 25pt;
  }
}

.headeruser {
  float: right;
  width: 15%;
  height: 100%;
  border-radius: 0.5em;
  background-color: yellow;
}
.gebruikerknop {
  margin-top: 1px;
  background-color: green;
  border: 0px;
  color: white;
  height: 2em;
  border-radius: 0.5em;
  padding: 0.5em;
}
.gebruikernaam {
  width: 100%;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  background-color: orange;
  font-size: 150%;
}
.gebruikerinligting {
  xbackground-color: red;
}