/* general styles */
body{
  font-size: 13px;
  line-height: 1.5em;
}

div.container{
  width: 100%;
}
article.content.home div.centerContent,
article.content.expertiseOverview div.centerContent,
div.centerContent,
article.content.home div.block.video div.videoHolder,
article.content.home div.block.video div.videoHolder div.overlayBg {
  width: 100%;
}

.flex{
  display: block;
}


/*      HEADER & MENU      */
header{
  box-sizing: border-box;
  text-transform: uppercase;
  z-index: 10;
  background-color: #FFF;
  font-weight: 600;
  padding-top: 20px;
}
header.fixed{
  position: fixed;
  top: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  z-index: 3;
}
header a.logoHolder{
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

div.menuButton{
  display: block;
  position: absolute;
  right: 20px;
  top: 3px;
  font-size: 2em;
}

div.anniversary{
  left: 10px;
  padding: 5px;
  font-size: 0.7em;
  padding-top: 10px;
}
@media (min-width: 360px) {
  div.anniversary {
    font-size: 0.8em;
    padding: 5px;
  }
  header a.logoHolder{
    width: 130px;
  }
  div.menuButton{
    top: 4px;
  }
}
@media (min-width: 400px) {
  div.anniversary {
    font-size: 0.9em;
    padding: 10px;
  }
  header a.logoHolder {
    width: 150px;
  }
  div.menuButton{
    top: 7px;
  }
}

div.menuHolder{
  color: #307083;
  background-color: #ecebe7;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
div.menuHolder nav{
  position: relative;
}
div.menuHolder nav>ul{
  display: block;
  justify-content: center;
  align-items: center;
}
div.menuHolder nav ul li{
  /*display: none;*/
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
div.menuHolder nav ul li a{
  display: block;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  color: inherit;
  position: relative;
  line-height: 1em;
  font-size: 1.5em;
}
div.menuHolder nav ul li a:hover{
  color: #bb971d;
}

div.menuHolder nav ul li.menuItem a:before,
div.menuHolder nav ul li.socialLinks:before,
div.menuHolder nav ul li.socialLinks:after,
div.menuHolder nav ul li:nth-child(9) a:before{
  display: none;
}

div.menuHolder nav>ul>li:nth-child(8),
div.menuHolder nav>ul>li:nth-child(9){
  position: relative;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  right: auto;
  top: auto;
  background: none;
  color: inherit;
}
div.menuHolder>nav>ul li:nth-child(8) a:hover,
div.menuHolder>nav>ul li:nth-child(9) a:hover{
  color: #bb971d;
}
div.menuHolder nav ul li:last-child{
  margin-bottom: 0px;
}

footer a.social,
div.menuHolder nav ul li a.social{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 1.2em;
  margin-left: 0px;
  margin-right: 5px;
}
footer a.social:hover,
div.menuHolder nav ul li a.social:hover{
  background-color: #bb971d;
}
div.menuHolder nav ul li ul{
  position: relative;
  left: auto;
  display: block;
  background: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.menuHolder nav ul li ul li{
  position: relative;
  display: block;
  font-size: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  background: none;
}
div.menuHolder nav ul li ul li.menuItem a:before{
  display: none;
}


a.mobileContact{
  display: block;
  background-color: #bb971d;
  color: #FFF;
  padding: 20px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 0.9em;
}


article.content div.centerContent{
  width: 100%;
}
article.content div.block{
  padding: 20px;
}
article.content div.block.imageBlock div.textHolder,
article.content div.block.imageBlock .sideImage{
  width: 100%;
  margin-bottom: 20px;
}

article.content div.block.clouds img{
  width: 100%;
}
article.content div.blue div.block.clouds img,
article.content div.block.clouds.coaching img {
  width: 80%;
}


/*      HOME      */
article.content.home div.block.video div.videoHolder div.videoContent div.centerContent{
  padding-top: 20px;
  padding-bottom: 20px;
}
.homePlay{
  display: none;
}
article.content.home div.block.video div.videoHolder div.videoContent.flex{
  display: flex;
}
article.content.home div.block.video div.videoHolder div.videoContent img{
  width: 100px;
  margin-bottom: 0px;
}
article.content.home div.block.video div.videoHolder div.videoContent h1{
  display: none;
  /*width: 150px;*/
  /*box-sizing: border-box;*/
  /*padding-left: 40px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin-bottom: 40px;*/
  /*text-transform: none;*/
  /*line-height: 1.3em;*/
}
article.content.home div.block.video div.videoHolder div.videoContent p{
  /*width: 80%;*/
  /*line-height: 1.2em;*/
  display: none;
}
article.content.home div.blue img{
  width: 60px;
  margin-bottom: 20px;
}
article.content.home div.blue div.block{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


/*    NEWS    */
div.newsItem{
  width: 100%;
}
div.newsItem img{
  display: block;
  width: 35%;
  margin-right: 5%;
}
div.newsItem a span{
  display: block;
  width: 100%;
}


/*    EXPERTISES   */
article.content div.block.expertiseOverview img,
article.content div.block.expertiseOverview svg{
  margin-bottom: 10px;
  width: 60px;
  height: auto;
}
article.content div.block.expertiseOverview span {
  display: block;
}
article.content div.block.expertiseOverview span br{
  display: none;
}
article.content div.block.expertiseOverview a {
  display: block;
  margin-bottom: 20px;
  width: auto;
}
article.content div.block.expertiseOverview .h1,
article.content.expertise div.block.grey h1 {
  min-height: 0px;
}

article.content.expertise div.block.grey{
  padding-left: 20px;
  padding-right: 20px;
}
article.content.expertise div.block.grey img {
  margin-bottom: 10px;
  width: 60px;
}
div.block.grey.arrow:after{
  border: 15px transparent solid;
  border-top: solid #ecebe7 15px;
  bottom: -29px;
}
div.videoHolder{
  width: 100%;
  margin-top: 20px;
}



/*      TEAM    */
.content.teamOverview .flex{
  display: flex;
}
div.employee:nth-child(5n),
div.employee{
  width: 48%;
  padding-top: 65px;
  margin-right: 4%;
}
div.employee:nth-child(2n){
  margin-right: 0px;
}

div.employee span.name{
  font-size: 1.2em;
  line-height: 1.2em;
  padding-top: 13px;
}
div.employee span.name.cloud1{
  right: 0px;
}
div.employee span.name.cloud2{
  left: 0px;
}
div.employee span.name.cloud3{
  right: 0px;
}
div.employee span.name.cloud4{
  right: 0px;
}
div.employee span.name.cloud5{
  left: 0px;
}
div.employee a.linkedin {
  top: auto;
  bottom: 30px;
  border-radius: 20px;
  font-size: 1.4em;
}


/*      VACATURES    */
.content.jobs div.block.grey.text-center a{
  display: block;
}

/*      CONTACT    */
p.contactInfo.flex{
  display: flex;
  width: 100%;
}
div.contactForm{
  width: 100%;
}

input.submitButton{
  display: block;
  width: 100%;
  box-sizing: border-box;
}


/*      FOOTER      */
footer{
  padding-top: 20px;

}
div.footerCol{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  border-right: none;
  position: relative;
}
div.footerCol nav ul{
  list-style: none;
  text-transform: uppercase;
}
div.footerCol img{
  display: none;
  /*position: absolute;*/
  /*width: 80px;*/
  /*right: 20px;*/
  /*top: 0px;*/
  /*margin-top: 0px;*/
}
div.footerCol:nth-child(1) img{
  display: block;
}
div.footerCol:nth-child(2){
  margin-bottom: 2px;
}
div.footerCol:nth-child(3) p{
  text-transform: uppercase;
}
div.footerCol:nth-child(4){
  border: none;
  color: #307083;
}
div.footerCol:nth-child(1) a:hover,
div.footerCol:nth-child(4) a:hover{
  text-decoration: underline;
}
div.footerCol:nth-child(4) ul {
  margin-left: 20px;
}
div.footerCol:nth-child(4) p.withSpeech:before{
  display: none;
}

div.copyright{
  line-height: 1.3em;
}
div.copyright br{
  display: inline;
}
div.copyright span{
  display: none;
}