.header{background-color:#fff;position:relative; position:sticky; z-index:90; top:0;box-shadow: 0 0 0 rgba(0,0,0,0); transition: all 200ms ease-in-out;}
.header--sticky{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.header__logo{display:flex; flex-direction:row; flex-wrap:nowrap;justify-content: space-between; align-items:center; gap:20px;}
.header__logo img{/*margin:0;*/ /*height:40px; */ /*width:auto!important;*/}
.header__logo a[id*="hs-link"]{padding:20px 0; display:block;}

.header__mobile-wrapper{display:none;}
.header__mobile-button{border:0; background:transparent; margin:0; padding:8px 6px; width:30px; height:30px; display:flex; flex-direction:column; justify-content:space-between; gap:4px; -webkit-appearance:none; appearance:none;}
.header__mobile-button span{display:block;width:18px; height:2px; background:currentColor;}

.header__mobile-button span{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}

.header__mobile-button--toggle span:first-child{-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
.header__mobile-button--toggle span:nth-child(2){width:0; margin-left:50%; opacity:0;}
.header__mobile-button--toggle span:last-child{-webkit-transform: translateY(-6px) rotate(-45deg);-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}

.header__wrapper{display:flex; align-items:center;}
.header__navs-wrapper{flex: 1 1 auto; align-self:stretch; display:flex; flex-direction:column;justify-content: space-between;}
.header__top-nav-wrapper{margin-top:15px; color:var(--accent-color-3); display:flex;align-items:center; justify-content: flex-end; font-size:1.2rem; font-weight:600; line-height:1.2;}
.header__top-nav-wrapper > div + div{margin-left:30px;}

/* search */
.header__search-toggle-button{color:var(--primary-1);border:0; margin:0; padding:0;background:transparent; -webkit-appearance:none; appearance:none; cursor:pointer;}
.header__search-toggle-icon{display:inline-block; vertical-align:top; width:16px;}

.header__search-label{display:none;}

.header__search-wrapper{position:relative;z-index:91;background:#fff;transition: all 300ms ease-in-out;}
.header__search-wrapper[aria-hidden="true"]{opacity:0; visibility:hidden; max-height:0;}
.header__search-wrapper[aria-hidden="false"]{opacity:1; visibility:visible; max-height:100vh; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.header__search-inner{padding:0; background:#fff;}
input[type="text"].header__search-input{padding:10px; border:0; box-shadow:0 0 0 transparent; font-size:28px; line-height:2; text-align:center;}

.header__search-sugestions{margin:0; padding:0; list-style:none; text-align:center;}
.header__search-results--for{padding:4px 10px; font-weight:bold;}
.header__search-results + .header__search-results{border-top:1px solid rgba(0,0,0,0.1);}
.header__search-results a{display:block;padding:4px 10px;text-decoration:none;}
.header__search-results a:hover{background-color:rgba(0,0,0,0.05);}

.header__top-nav-phone{--icon-size:17px; display:inline-block; padding:10px 0; color:var(--primary-1); text-decoration:none;}
.header__top-nav-phone--icon{position:relative;padding-left:calc(var(--icon-size) + 8px)}
.header__top-nav-phone svg{display:block;width:var(--icon-size); height:var(--icon-size); position:absolute; top:calc(50% - (var(--icon-size) / 2)); left:0;}

.header__top-nav{display:flex; flex-direction:row; flex-wrap:wrap;align-items:center;gap:30px;}
.header__top-nav .hs-menu-wrapper{}
.header__top-nav .hs-menu-wrapper ul{margin:0; padding:0; list-style:none;}
.header__top-nav .hs-menu-wrapper a{color:var(--primary-1);display:block; padding:10px 0; text-decoration:none;}
.header__top-nav .hs-menu-wrapper a:hover{color:var(--primary-1--dark);}
.header__top-nav .hs-menu-wrapper > ul{display:flex; align-items:center; gap:30px;}
.header__top-nav .hs-menu-wrapper li.hs-item-has-children > ul{display:none;}

/* Custom styling top nav items */
.header__top-nav .hs-menu-wrapper > ul > li > a[href*="tel"]{--icon-size:17px; padding-left:calc(var(--icon-size) + 8px); position:relative;}
.header__top-nav .hs-menu-wrapper > ul > li > a[href*="tel"] svg{display:block;width:var(--icon-size); height:var(--icon-size); position:absolute; top:calc(50% - (var(--icon-size) / 2)); left:0;}

/* Login button is hidden. Enable by remove display:none; */
.header__top-nav .hs-menu-wrapper > ul > li:last-child{display:none;}
.header__top-nav .hs-menu-wrapper > ul > li:last-child > a{--icon-size:17px; padding-right:calc(var(--icon-size) + 8px); position:relative;}
.header__top-nav .hs-menu-wrapper > ul > li:last-child > a svg{display:inline-block;width:var(--icon-size); height:var(--icon-size); position:absolute; top:calc(50% - (var(--icon-size) / 2)); right:0;}

.header__top-nav .hs-menu-wrapper > ul > li > a[href*="bestekservice.dehamer.nl"]{color:var(--base-color); color:#fff; padding:9px 35px; font-size:1.4rem; font-weight:400; text-align:center; background-color:var(--secondary-2);background-color:var(--primary-2); border-radius:300px;}
.header__top-nav .hs-menu-wrapper > ul > li > a[href*="bestekservice.dehamer.nl"]:hover{background-color:var(--secondary-2--dark);background-color:var(--primary-2--dark);}

.header__top-nav .hs-menu-wrapper a,.header__top-nav .header__top-nav-phone{
    color: var(--base-color);
    color: #fff;
    padding: 9px 35px;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    background-color: var(--secondary-2);
    background-color: var(--primary-2);
    border-radius: 300px;
}
.header__main-nav{margin:27px 0 20px 0; display:flex;align-items:center; justify-content: flex-end; font-size:1.6rem;}
.header__main-nav .hs-menu-wrapper{}
.header__main-nav .hs-menu-wrapper ul{margin:0; padding:0; list-style:none;}
.header__main-nav .hs-menu-wrapper a{display:block; padding:0; text-decoration:none; color:var(--primary-2);}
.header__main-nav .hs-menu-wrapper li:hover > a,
.header__main-nav .hs-menu-wrapper li[class*="active"] > a{color:var(--primary-1);}
.header__main-nav .hs-menu-wrapper > ul{display:flex; align-items:center; gap:30px;}

/* Custom main nav */
.header__main-nav .hs-menu-wrapper svg.home-icon{display:inline-block;}
.header__main-nav .hs-menu-wrapper svg.home-icon path{fill:currentColor; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.header__main-nav .hs-menu-wrapper svg.home-icon + span{display:none;}

.language-switcher{position:relative;}
.language-switcher__globe{display:block; padding:8px 4px;}
.language-switcher__globe svg{display:inline-block; vertical-align:middle; color:var(--primary-1);}
.language-switcher__globe:hover svg{color:var(--primary-1--dark);}
.language-switcher__globe svg path{fill:currentColor; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.language-switcher__list{margin:0; padding:5px 0; list-style:none; position:absolute; top:calc(100% + -10px); left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,0.1);box-shadow:0 0 4px rgba(0,0,0,0.3); z-index:99;opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.language-switcher__list--toggle{opacity:1; visibility:visible;top:calc(100% + 10px);}
.language-switcher__link{padding:5px 10px; display:block; text-decoration:none;white-space:nowrap;}
.language-switcher__link:hover{text-decoration:underline;}
.language-switcher__link--current{color:var(--primary-1); pointer-events:none;}

.home__vacancies-wrapper {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 30px; padding: 20px; background-color: var(--primary-2); color: white; font-size: 2rem;} 


@media(min-width:1201px){
  /* Sub menu styling for desktop */
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow{display:none;}
  .header__main-nav .hs-menu-wrapper > ul li{position:relative;}
  .header__main-nav .hs-menu-wrapper > ul li ul{padding:6px 0;background:#fff;position:absolute; z-index:2; box-shadow:0 4px 4px rgba(0,0,0,0.3); opacity:0;visibility:hidden; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
  .header__main-nav .hs-menu-wrapper > ul li > a:focus + ul,
  .header__main-nav .hs-menu-wrapper > ul li:hover > ul{opacity:1;visibility:visible; }
  .header__main-nav .hs-menu-wrapper > ul li ul a{display:block;padding:6px 10px;font-size:1.4rem; line-height:1.4;white-space:nowrap;}
  .header__main-nav .hs-menu-wrapper > ul li.hs-item-has-children > ul{top:-6px; left:100%; }
  .header__main-nav .hs-menu-wrapper > ul > li.hs-item-has-children > ul{top:100%;left:-10px;}
}

@media (max-width:1200px){
  /* Sub menu styling for mobile */
  .header__main-nav .hs-menu-wrapper > ul li ul{margin-left:10px;border-left:1px solid var(--primary-1); background-color:rgba(var(--primary-2-rgb, 0,0,0),0.03);}
  .header__main-nav .hs-menu-wrapper > ul li ul > li:last-child{margin-bottom:0; padding-bottom:5px; border-bottom:1px solid var(--primary-1);}
  .header__main-nav .hs-menu-wrapper > ul li ul a{display:block;padding:9px 10px; font-size:1.6rem; line-height:1.4;}

  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a[aria-expanded="false"] + ul{margin-bottom:0;max-height:0; overflow:hidden;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a[aria-expanded="true"] + ul{margin-bottom:10px;max-height:fit-content;overflow:auto;}
}




/* *{outline:1px solid red;} */

@media (max-width:1200px){
  .header{position: relative;}
  .header--sticky{box-shadow:0 0 0 rgba(0,0,0,0);}
  .header--toggle{box-shadow:0 0 10px rgba(0,0,0,0.2);}
  .header__wrapper{display:block; flex-direction:column;}
  .header__mobile-wrapper{display:flex; flex-direction:row; align-items:center; gap:20px;}
  .header__search--mobile button{color:var(--primary-2);padding:8px 8px;}
  .header__search--mobile button svg{vertical-align:middle;}
  .header__mobile-phone{display:block;margin:0; padding:0 10px;}
  .header__mobile-phone svg{display:inline-block; vertical-align:middle;width:17px;}
  .header__logo{width:100%;}


  .header__navs-wrapper{max-height:0;overflow:hidden;display:none;display:grid;grid-template-columns: 1fr;
    grid-template-areas:
    "main-nav"
    "top-nav"; transition: max-height 300ms ease-in-out;}
  .header__navs-wrapper--toggle{max-height:200vh; overflow:auto;}
  .header__top-nav-wrapper{grid-area: top-nav; margin:0; width:100%;display:block;margin:0;padding: 0 0 30px 0;}
  .header__main-nav{grid-area: main-nav; margin:0; width:100%; flex-direction:column; flex-wrap:nowrap; align-items: stretch;}

  .header__main-nav .hs-menu-wrapper a{padding:5px 10px;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a{position:relative; display:flex;justify-content:space-between;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow{display: flex;align-items: center;justify-content: center; width:40px; border-left:1px solid rgba(0,0,0,0.1); position:absolute; top:0; bottom:0; right:0;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow:after{content:'\203A';display:inline-block;color: currentColor; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow--toggle:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
  .header__main-nav .hs-menu-wrapper > ul{flex-direction:column; align-items:stretch; gap:0;}
  .header__main-nav .hs-menu-wrapper > ul > li + li{border-top:1px solid rgba(0,0,0,0.1)}

  .header__search--desktop{display:none;}
  .header__top-nav-phone{display:none;}
  .header__top-nav-wrapper > div + div{margin:0;}
  .header__top-nav{margin:0;display:block;}
  .header__top-nav .hs-menu-wrapper{margin-top:40px;}
  .header__top-nav .hs-menu-wrapper > ul{flex-direction:column; gap:0;align-items:stretch;}
  .header__top-nav .hs-menu-wrapper > ul li{margin:2px 0;}
  .header__top-nav .hs-menu-wrapper > ul li + li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.2);}
  .header__top-nav .hs-menu-wrapper a{padding:10px;}

  .header__top-nav .hs-menu-wrapper > ul > li:last-child > a svg{margin-left:4px; vertical-align:text-bottom;position:static;}

  .language-switcher{margin-top:40px;}
  .language-switcher__list{padding:0;max-height: 0;top: initial;left: initial;position: static;overflow: hidden;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
  .language-switcher__list--toggle{padding: 5px 0;max-height:100vh;box-shadow:0 0 0 transparent;}
}

@media (max-width:450px){
.home__vacancies-wrapper {
  text-align: center;
}