.hh-pagecontent__startpage {
   position: relative;
   width: 100%;
   height: 100vh
}

.hh-site-header.is-scroll.hh-site-header--startpage {
   background: transparent;
   box-shadow: none;
}

.hh-site-header.hh-site-header--startpage.is-topcover {
   background: rgba(255,255,255,0.6)!important;
   box-shadow: none!important;
}

.hh-site-header.is-scroll.hh-site-header--startpage.is-not-topcover {
   background: #fff;
   box-shadow: 0 0 3px 1px #EDEDED;
}

@media (max-width: 768px) {
   .hh-site-header.hh-site-header--startpage.is-topcover {
      background: #fff!important;
      box-shadow: 0 0 3px 1px #EDEDED!important;
   }
}

/*		Direct links on startpage 		*/

.hh-direct-links__picker {
   display: none;
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #22bbea;
   position: relative;
}

.hh-direct-links__picker-item {
   padding: 18px 20px;
}

.hh-direct-links__picker-toggle {
    background-image: url('/images/18.44d1c5cd165b2683e6c2113/1536301247029/hh-chevron-icon.svg');
   background-repeat: no-repeat;
   width: 100%;
   height: 58px;
   background-position: center right 20px;
   right: 0;
   bottom: 0;
   position: absolute;
   z-index: 3;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   transition: 0.2s;
   cursor: pointer;
}

.hh-direct-links--active .hh-direct-links__picker-toggle {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
   transition: 0.2s;
}

.hh-direct-links__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   row-gap: 1rem;
   margin: 0;
   padding: 0;
}

.hh-direct-links__list-item {
   cursor: pointer;
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 0 4rem 0 0;
   border-bottom: 1px solid #22bbea;
   -webkit-transition: all 0.3s ease-in-out;
   	  -o-transition: all 0.3s ease-in-out;
   		  transition: all 0.3s ease-in-out;
}

.hh-direct-links__list-item:after {
   content: '';
   background: url('/images/18.5a9a02cf1665ad57aafd6e5c/1539614551223/hh-arrow-right-icon.svg');
   background-size: 100%;
   background-position: center;
   height: 12px;
   width: 7px;
   margin: 0 0 0 .5em;
   display: inline-block;
    background-repeat: no-repeat;
   -webkit-transition: all 0.3s ease-in-out;
   	  -o-transition: all 0.3s ease-in-out;
   		  transition: all 0.3s ease-in-out;
}

.hh-direct-links__list-item:hover {
    margin: 0 3.5em 0 0;
}

.hh-direct-links__list-item:hover:after  {
   margin: 0 0 0 1em;
}

.hh-direct-links a {
   text-decoration: none;
}

.hh-direct-links__list-item:last-child {
   margin: 0;
}

@media all and (max-width: 1280px) {
   .hh-direct-links {
      padding: 0px 15px;
   }
   
   .hh-direct-links__list-item {
      margin-right: 2rem;
   }
}

@media all and (max-width: 991px) {
   .hh-direct-links {
      padding: 0px;
   }
}

@media all and (max-width: 767px) {
   .hh-direct-links {
      box-shadow: 0 0 50px #dadada;
      position: relative;
      background-color: #fff;
   }
   
   .hh-direct-links__picker {
      display: block;
   }
   
   .hh-direct-links__list {
      display: block;
      max-height: 0;
    	overflow: hidden;
      -webkit-transition: all .5s ease-in-out;
      	-moz-transition: all .5s ease-in-out;
      	  -o-transition: all .5s ease-in-out;
      		  transition: all .5s ease-in-out;
   }
   
   .hh-direct-links--active .hh-direct-links__list {
      overflow: visible;
		width: 100%;
      max-height: 25em;
      -webkit-transition: all 0.5s ease-in-out;
      	  -o-transition: all 0.5s ease-in-out;
      		  transition: all 0.5s ease-in-out;
   }
   
   .hh-direct-links__list-item {
      border: none;
      margin: 0;
   }
   
   .hh-direct-links__list-item a {
      /*padding: 18px 20px;*/
      padding: 13px 20px;
      width: 100%;
   }
   
   .hh-direct-links__list-item::after {
      content: none;
   }
   
   .hh-direct-links__list-item:hover  {
   	margin: 0
	}
}