.toolbarWrapper {
  position: absolute;
  top:100vh;
  width:100vw;
  z-index: 99;
}

.toolbarWithSmallHeader {
  top:50vh;
}

.toolbarSticked {
  position:fixed!important;
  top:0;
}

.toolbar {
  position: absolute;
  width:100vw;
  top:0;
  left:0;
  padding-top:2em;
  z-index: 10;


  color:rgb(var(--navTextColor));
}

.toolbar .textHighlight {
  color:rgb(var(--primaryColor));
}

.toolbar * {
  background: transparent;
}

.innerWrapperToolbar {
  display:flex;
  flex-direction:row;
  flex-wrap: nowrap;
  justify-content:space-between;
}

.leftToolbarBox {
  width:25vw;
  min-height:1px;
  text-align: left;
  margin-top:0.18em;
}

.centeredToolbarBox {
  min-height:1px;
  text-align: center;
}

.rightToolbarBox {
  width:25vw;
  min-height:1px;
  text-align: right;
  position: relative;
}

#toolbarContactInformationsOverlay {
  display: block;
  position: absolute;
}

#toolbarContactInformationsOverlay object {
  width:12.5em;
  fill:rgb(var(--primaryColor));
}

/*///////////////////////// Navigation /////////////////////////*/

#hamburgerMenu {
  cursor: pointer;
}

.hamburgerMenuIcon svg{
  width:0.9em;
  fill:rgb(var(--navTextColor));
  margin:0.28em 0.75em 0 0;
}

#nav {
  margin:0.75em 0 0 1.85em;
  padding:0;
  font-size: 0.9em;
}

#nav li {
  list-style: none;
  text-align: left;
}

.subnav {
  margin:0 0 0 1.5em;
  padding: 0;
}

.curnav {
  color:rgb(var(--primaryColor));
}

.clickableNavigationButton {
  color:rgb(var(--navTextColor));
}

.clickableNavigationButton:hover {
  color:rgb(var(--primaryColor));
}