@font-face {
    font-family: 'nb_akademie_stdregular';
    src: url('../fonts/nb_akademie_std_regular-webfont-webfont.woff2') format('woff2'),
         url('../fonts/nb_akademie_std_regular-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{
	margin: 0;
	padding: 0;
  font-family: 'nb_akademie_stdregular', sans-serif;
  font-weight: normal;
}

::selection {
  background: yellow; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: yellow; /* Gecko Browsers */
}

html{
  height: 100vh;
  padding: 1.5vw 3vw 3vw 3vw;
}

a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

a:active {
	color: black;
    text-decoration: none;
}

img{
  width: 100%;
}

/* GENERAL */

h1{
  margin-left: -0.5vw;
}

h1, h1 p{
  font-size: 8.8vw;
  line-height: 9.4vw;
  font-weight: normal;
}

h2, h2 p, span{
  font-size: 3.7vw;
}

p{
  font-size: 1.7vw;
  margin-top: -0.45vw;
}

p > a {
  text-decoration: underline !important;
}

/* MENU */

nav{
  margin-bottom: 6vw;
  width: 94vw;
}

.menu h1{
  display: inline-block;
}

.menu h1 a{
  margin-right: -2vw;
}

h1:not(.title):hover a{
  border-bottom: 0.6vw solid black !important;
}

.menu h1:not(:nth-last-child(1)):after{
  margin-right: 1.9vw;
  content:',';
}

/* FILTER */

#filter{
  margin-top: -0.8vw;
  margin-bottom: 4vw;
  /* background-color: yellow; */
}

#filter ul:not(:first-child){
  list-style: none;
  display: none
}

/* #filter span{
  display: inline-block;
  margin-right: 1vw;
} */

#filter ul li, #filter ul li h2{
  display: inline-block;
}

#filter ul:not(.filters) li h2:after{
  content:',';
  margin-right: 1vw;
}

#filter ul li:last-child h2:last-child:after{
  content:'';
}

#filter .active{
  background-color: yellow;
  border-bottom: 2px solid;
}
/* #filter span.active{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} */

/* IMAGE SIZES */
.width13{
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 1vw;
  margin-bottom: 1vw;
  width: 30.666666vw;
}

.width23{
  width: 62.22222224vw;
}

.width33{
  width: 93.999999999vw;
}

/* SUBNAVIGATION */

nav{
  -webkit-transition: top 0.25s ease-in-out;
  -moz-transition: top 0.25s ease-in-out;
  -o-transition: top 0.25s ease-in-out;
  transition: top 0.25s ease-in-out;
}

.navigation2{
  position: fixed;
  top: 0;
  left: 3vw;
  top: -19vw;
  opacity: 0;
  z-index: 1111;
  overflow: visible;
}

.subnav{
  margin-top: -0.8vw;
  margin-bottom: 6vw;
  height: 3.5vw;
}


.subnav h2{
  cursor: pointer;
  margin-right: 0.5vw;
  display: inline-block;
}

.subnav h2:hover, #imp:hover, #filter ul li h2 div:hover{
  border-bottom: 0.3vw solid black;
}

#filter ul li h2 div{
  cursor: pointer;
  display: inline-block;
}

#filter ul li h2{
  height: 5vw;
}

/* NEWS */

.news{
  width: 95vw;
  margin-left: -1vw;
  margin-bottom: 2vw;
}

.news img, .contact img{
  float: left;
  z-index: 2;
}

.newstext{
  opacity: 0;
  z-index: 1;
  position: absolute;
  bottom: 0;
}

/* PROJECT */

main{
  padding-bottom: 1vw;
}

.main.projects > .projectteaser:last-of-type{
  margin-bottom: 3vw;
}

.project{
  margin-bottom: 3vw;
}

.projectteaser h1, .project h1, .related h1{
  margin-bottom: 1.5vw;
}

.projectteaser{
  float: left;
  display: inline-block;
  margin-bottom: 12vw;
}

.projectteaser > h1, .contact > h1, .project > h1{
  margin-top: -1.5vw;
}

.contact > h1,.contact > h2:first-of-type{
  margin-bottom: 6vw;
}

.contact > img{
  margin-bottom: 3vw;
}

.projectteaser > img{
  float: left;
}

.projectteaser:last-of-type{
  margin-bottom: 0vw;
}

.related{
  margin-top: 16vw;
}

.related > .projectteaser:last-of-type{
  margin-bottom: 3vw;
}

.imagewrap{
  width: 98vw;
  margin-left: -1vw;
}

.imagewrap img{
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 1vw;
  margin-bottom: 1vw;
}

.entry{
  margin-bottom: 6vw;
}

.entry > img{
  float: left;
}

.partner > img{
  margin-bottom: 1vw;
}

.partner > .news.entry > .width13{
  margin-bottom: 0;
}

.partner > .news.entry > div > div{
  margin-bottom: 2vw;
}

strong{
  display: inline-block;
  margin-bottom: 2vw;
}

.team > img{
  float: left;
  margin-bottom: 1vw;
}

.team .width13{
  margin-bottom: 3vw;
  line-height: 2.15vw;
}

.team{
  margin-bottom: 0;
}

.team > p{
  margin-bottom: 3vw;
}

#imp{
  cursor: pointer;
  float: left;
  display: block;
  margin-bottom: 3vw;
}

.imprint{
  display: inline-block;
  min-height: 89vh;
  padding-bottom: 2vw;
  display: none;
}

.underline{
  border-bottom: 0.6vw solid black !important;
}

.underline2{
  border-bottom: 0.3vw solid black;
}

.underline22:hover{
  border-bottom: 0.3vw solid black;
}

.contact h2 p a{
  text-decoration: none !important;
}

.contact h2 p a:hover{
  border-bottom: 0.3vw solid black;
}

#s4 > h2{
  height: auto !important;
  margin-bottom: 0.5vw;
}

.team{
  margin-bottom: 6vw;
}

.download{
  margin-bottom: 3vw !important;
}

.count{
  display: inline;
  margin-right: 1vw;
}

.count:not(:nth-last-child(1)):after{
  content:',';
}

@media (max-width: 750px) {

  body{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }

  *{
    overflow-x: hidden;
  }

  h1, h1 p{
    font-size: 8.5vw;
    line-height: 9.5vw;
    font-weight: normal;
  }

  .menu h1:last-of-type a {
    margin-right: 0;
  }

  .projectteaser > h1, .contact > h1, .project > h1{
    margin-top: 0;
  }

  h2, h2 p, span, h2 div, #filter ul li{
    font-size: 6vw;
    overflow: visible;
  }

  .contact h2 p{
    line-height: 7.5vw;
  }

  .subnav, #filter ul li h2 {
    height: auto;
  }

  #filter{
    margin-bottom: 5vw;
  }

  p {
    font-size: 4vw;
    line-height: 5vw;
    margin-top: -0.2vw;
  }

  .entry.team p{
    display: inline-block;
  }

  .team > img, .partner > img{
    margin-bottom: 3vw;
  }

  .width13, .width23, .width33{
    width: 93.999999999vw;
  }

  .width13 div{
    float: left;
  }

  .imagewrap img{
    margin-bottom: 3vw;
  }

  .project {
    margin-bottom: 24vw;
  }

  .entry{
    margin-bottom: 0;
  }

  .partner > .news > .width13:not(:last-of-type){
    margin-bottom: 6vw !important;
  }

  .philosophy, .partner{
    margin-bottom: 12vw;
  }

  .news > .width13{
    margin-bottom: 6vw;
  }

  .showcase-caption, .showcase-caption p, .news, figure{
    overflow: visible;
  }

  .newstext{
    margin-top: 3vw;
    opacity: 1;
    position: relative;
    display: inline-block;
  }

  .news figure:hover img{
    opacity: 1;
  }

  .downloads{
    padding-bottom: 6vw !important;
  }

  #s4 > h2{
    height: auto !important;
    margin-bottom: 2vw;
  }
}