header{background: var(--orange); position: fixed;width: 100%;left: 0; top: 0; z-index: 1000;    transition: all 0.5s ease;}
body:not(.home):not(.opennav) header .openday-btn{background: var(--orange);}
body:not(.home) header .hbo-ac a{color: #000000; opacity: 0.5;} 
body:not(.home) header .hbo-ac a:hover{opacity: 1;}
body:not(.home) header .hbo-ac a img{filter: brightness(0%);}
header.fixednav {background: var(--white);box-shadow: 0 0 31px rgb(0 0 0 / 10%);}
body:not(.opennav) header.fixednav .header-inner::before{ opacity: 0;}
header.fixednav .hbo-ac a{color: #000000;}
header.fixednav .hbo-ac a img{filter: brightness(0%);}
header.fixednav .openday-btn{background: var(--orange)}
header .main-navigation  .main_menu .firstul {display: flex; justify-content: center; padding-bottom: 5px;}
header .main-navigation .main_menu li a {color: var(--black); font-size: 14px; line-height: 21px; font-weight: 500;position: relative; }
header .main-navigation .main_menu .firstul > li {padding: 0 26px; }
header .main-navigation .main_menu .firstul > li a:before {content: ""; position: absolute; width:0; height: 3px; background: var(--black); left: 0;right: 0;margin: auto; bottom: -1px;transition: all 0.5s ease; }
header .main-navigation .main_menu .firstul > li a:hover:before{width: 100%;}
header .search-block {display: none; }
header .hbo-ac a {color: var(--white); font-size: 11px; line-height: 17px; font-weight: 500; }
header .hbo-ac a img {margin-left: 3px;}
header .header-right {text-align: right; }
header .right-search {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; grid-column-gap: 40px; }
header .openday-btn {background: #000; color: #fff; font-size: 14px; font-weight: 500; height: 32px; display: block; line-height: 32px; padding: 0 15px; min-width: 150px; text-align: center; border-radius: 80px; }
header .hbo-ac {margin-bottom: 12px; padding-right: 18px; }
header .logo-wrap {padding-bottom: 14px; }
header .header-inner {position: relative;padding: 10px 34px 16px; }
header .header-inner > .header-main{position: relative; z-index: 3; }
header .header-inner:before {content: ''; position: absolute; top: -10px; border-top: 210px solid #fff; border-left: 0px solid transparent; border-right: 315px solid transparent; z-index: 1; left: 0; }
.lines-button{width: 57px;height: 57px;background:#ffffff;display: flex; -webkit-align-items: center;display: none; align-items: center; -webkit-justify-content: center; justify-content: center;} header  .c-hamburger {
    padding: 0; margin: 0; background: 0 0; border: 0; outline: 0; appearance: none; -webkit-appearance: none; will-change: transform; transition: .2s cubic-bezier(.785,.135,.15,.86); }
body:not(.home):not(.opennav) .lines-button{background:var(--orange);}
header .hamburger__line {display: block; position: relative; margin: 6px 0; width: 21px; height: 2px; border-radius: 0; transition: .3s cubic-bezier(.77,0,.175,1); transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; will-change: transform; -webkit-perspective: 100px; perspective: 100px; background-color:#000000; }
.lines-button.meanclose .hamburger__line:nth-child(1) {-webkit-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); }
.lines-button.meanclose .hamburger__line:nth-child(2) {-webkit-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg); }
header .main-navigation .main_menu li.active a:after{width: 100%;}
body.opennav:not(.home) header .hbo-ac a{opacity: 1;}
@media (max-width:1100px){
header .main-navigation .main_menu .firstul > li{padding: 0 15px;}
}

@media (max-width:992px){
header .lines-button{display: flex;    position: absolute; right: 0; top: 8px;}
header .header-right{position: relative;    right: 57px;}
header .header-inner{padding-right: 0;}
header .header-inner > .header-main{margin-right: 0;}
.mean-nav{position: fixed;  top: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color:var(--orange); color: var(--black); width: 100vw; height: 100vh; padding-bottom: 30px; transition: all 0.5s ease; right: -100%;}
.opennav .mean-nav {right: 0; }
.opennav header .header-inner:before{z-index: 9; pointer-events: none;}
header .header-inner > .header-main{z-index: inherit;}
header .header-inner > .header-main > div:first-child {z-index: 9;}
html.opennavh, .opennavh body{overflow: hidden;}
header nav ul.firstul {height: 100%; width: 100%; max-width: 474px; margin: auto; padding-top: 180px; position: relative; z-index: 99; padding-left: 30px; padding-right: 30px; }
header nav ul.firstul > li:not(.droparrow) > a:after{content: ""; display: inline-block; background: url(../images/fa-arrow-wht-right.svg) no-repeat; width: 24px; height: 24px;}
header nav  ul.firstul > li:not(:last-child){margin-bottom: 18px;}
header nav ul.firstul li a { color: #ffffff; font-size: 16px; display: flex; font-weight: 500; justify-content: space-between; }
header nav  ul.firstul {padding-bottom:2px;}
header nav ul.firstul li li{padding:2px;}
li.droparrow {
    position: relative;
}
a.mean-expand {
    position: absolute;
    top: 10px;
    right: -8px;
    transform: translate(-50%, -50%);
    font-size: 24px !important;
}
}

@media (min-width:768px){

body:not(.home) header{background: var(--white);} 
body:not(.home):not(.opennav) header .header-inner:before{display: none;}

}

@media (max-width:767px){
header nav ul.firstul{padding-top: 110px;}
body:not(.home) header .hbo-ac a{opacity: 1;}
}


/*09/8/22 sub-menu*/


header .main-navigation .main_menu .firstul li{position: relative;}
header .main-navigation .main_menu .firstul ul {
    background: #fff;
    position: absolute;
    top: 100%;
    left: -15%;
    width: 220px;
    perspective: 1000px;
    z-index: -1;
    animation: rotateMenu 400ms ease-in-out forwards;
    transform-origin: top center;
    display: none;
}
@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg)
    }
    70% {
        transform: rotateX(20deg) 
    }
    100% {
        transform: rotateX(0deg) 
    }
}
header .main-navigation .main_menu .firstul li:hover > ul {
    display: block;
}

header .main-navigation .main_menu .firstul ul li {
    position: relative;
   
    font-size: 15px;
    line-height: 21px;
    display: none;
    opacity: 0;
}
header .main-navigation .main_menu .firstul ul li:not(:last-child){
 border-bottom: 1px solid #ddd;	
}
header .main-navigation .main_menu .firstul li:hover > ul li {
    display: block;
    opacity: 1;
}
header .main-navigation .main_menu .firstul ul li a {
    padding: 16px 10px;
    display: block;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 400;
}
.main_menu > ul > li {
    float: left;
    list-style: outside none none;
    padding-bottom: 20px!important;
    margin-bottom: -20px;
}

header .main-navigation .main_menu .firstul ul li a.active, header .main-navigation .main_menu .firstul ul li:hover > a {
    color: #fff;
    background: var(--orange);
}

header .main-navigation .main_menu .firstul {
    text-align: center;
}
.main_menu > ul > li > a {
    transition: all 0.3s ease 0s;
}
.main_menu > ul > li.droparrow > a::after {
    background: url(../images/downarrow.svg) no-repeat;
    content: "";
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: center;
    margin-left: 3px;
    margin-top: 0px;
    vertical-align: middle;
    transform: rotate(90deg);
    background-size: 7px;
}
.header-main .col-md-4.col-lg-6{padding:0px;}
header .main-navigation .main_menu .firstul > li ul a:before{display: none;}
@media (max-width:1499px){
	header .main-navigation .main_menu .firstul > li {
    padding: 0 18px;
}
}

@media (max-width:1270px){
	header .main-navigation .main_menu .firstul > li {
    padding: 0 14px;
}
}
@media (max-width:1270px){
header .main-navigation .main_menu .firstul > li {
    padding: 0 10px;
}
}
@media (max-width:1062px){
header .main-navigation .main_menu .firstul > li {
    padding: 0 5px;
}
}
/*30-jan-2022*/
.filteron header {z-index: 99 !important;}

.headline-wrapper {
  /* padding-left verwijderd, alleen rechts laten we hem optioneel staan */
  padding-right: 16px;
  max-width: 700px;
}

.headline {
  font-size: 29px;
  font-weight: bold;
  margin: -93px 0 16px 0;
  line-height: 1.6;
}

.headline span {
  color: white;
  padding: 4px 8px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1;
}

@media (min-width: 768px) {
  .headline {
    font-size: 2.5rem;
  }

  .headline span {
    white-space: nowrap;
  }
}