nav a,
nav a:visited{
  color:var(--color-navLayerText);
}
nav a:hover{
  color:var(--color-navLayerText);
}
header{
	height:82px;
  margin-left: right:var(--content-margin-left);
  width:calc(100% - var(--content-margin-left));
}

header .logo{
	margin-left:var(--content-margin-left);
  margin-top: 32px;
}

.btn-navigation{
  position:absolute;
  right:var(--content-margin-left);
  top:30px;
  width:32px;
  margin:0;
  padding:0;
  height:32px;
  border:none;
  cursor: pointer;

}
.btn-navigationOpen{
  position:absolute;
  background-color: black;
  background-image: url(../imgGUI/Hamburger.svg);
}
.btn-navigationClose{
  position:fixed;
  background-color: black;
  background-image: url(../imgGUI/Close.svg);
}
nav .mainNav{
  margin-top: 40vh;
  margin-left:var(--content-margin-left);
}
nav .nav-footer{
  margin-left:var(--content-margin-left);
}
nav li{
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  line-height: 1.6;

}
nav .mainNav li a{
  font-size: var(--size-textHeadNav);
}
nav div{
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-color: var(--color-navLayer);
  display: none;
}
/*
Filter Projekte
*/
.filter{
  position:absolute;
  right:calc(var(--content-margin-left));
  top:72px;
}
.filter ul{
  display:none;
  list-style-type:none;
  margin:0;
  padding: 0;
  margin-top: 1px;
}
.filter li{
  margin-bottom: 1px;
  margin:0
}
.filter button{
  width:180px;
  margin:0;
  height:32px;
  border:none;
  text-align: left;
  background-color: black;
  color:white;
  font-size: 12px;
  cursor: pointer;
}
@media only screen and (min-width:360px){
  .filter{
    position:absolute;
    right:calc(var(--content-margin-left) + 33px);
    top:30px;
  }
}