/* ---- CSS Document ------ */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://cdn.opptylab.com/hi/assets/roboto-black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



:root {
    --secondary-partner-bg-color: 0, 172, 169;
    --primary-partner-bg-color: 2, 104, 99;
}

/* redefine base font size */

html { 
    font-size: 16px; /* overrules 14px frontend.css */
    line-height: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}




/* Anchor offset */
[data-anchor] { width:0; position:relative; top: -120px; }

.hidden { display: none; }

.hz-default {
    overflow-x: hidden;
}


/* TLDR */
section.tldr-summary h2 {
    font-size: 1.2rem;
    line-height: 1.25rem;
    margin-top: 0;
}


/* --- TYPO --- */


/* resize large texts that dont fit screen */
.hz-article-h1 {            font-size: clamp(1rem, 10vw, 3.5rem); line-height: 1.5; }
.hz-cta-section-h {     font-size: clamp(1rem, 10vw, 3.5rem); line-height: 1.5; }
.hz-article-h2 {            font-size: clamp(1rem, 10vw, 2.5rem); line-height: 1.5; }
.hz-subtitle {                font-size: clamp(1rem, 10vw, 1.2rem); line-height: 1.5; }
.hz-title-article {         font-size: clamp(1rem, 10vw, 1.6rem); line-height: 1.5; }
.hz-section-title {       font-size: clamp(1rem, 10vw, 3rem); line-height: 1.1; }

.hz-title-green-size-1,
.hz-title-green-size-2,
.hz-title-green-size-3,
.hz-title-green-size-4,
.hz-title-green-size-5,
.hz-title-green-size-6,
.hz-title-green-size-7,
.hz-title-green-size-8,
.hz-title-green-size-9 {    
        font-family: Staatliches;
        font-weight: 400;
        color: rgb(0, 172, 169);
        margin:0;
}

.hz-title-green-size-1 {    font-size: clamp(1rem, 10vw, 1rem); line-height: 1;     }
.hz-title-green-size-2 {    font-size: clamp(1rem, 10vw, 1.25rem); line-height: 1;  }
.hz-title-green-size-3 {    font-size: clamp(1rem, 10vw, 1.5rem); line-height: 1;   }
.hz-title-green-size-4 {    font-size: clamp(1rem, 10vw, 1.75rem); line-height: 1;     }
.hz-title-green-size-5 {    font-size: clamp(1rem, 10vw, 2rem); line-height: 1;     }
.hz-title-green-size-6 {    font-size: clamp(1rem, 10vw, 2.5rem); line-height: 1;   }
.hz-title-green-size-7 {    font-size: clamp(1rem, 10vw, 3rem); line-height: 1;     }
.hz-title-green-size-8 {    font-size: clamp(1rem, 10vw, 3.5em); line-height: 1;    }
.hz-title-green-size-9 {    font-size: clamp(1rem, 10vw, 4rem); line-height: 1;     }

.hz-title-black-size-1,
.hz-title-black-size-2,
.hz-title-black-size-3,
.hz-title-black-size-4,
.hz-title-black-size-5,
.hz-title-black-size-6,
.hz-title-black-size-7,
.hz-title-black-size-8,
.hz-title-black-size-9 {    
        font-family: Staatliches;
        font-weight: 400;
        color: rgb(1, 1, 1);
        margin:0;
}

.hz-title-black-size-1 {    font-size: clamp(1rem, 10vw, 1rem);   line-height: 1;   }
.hz-title-black-size-2 {    font-size: clamp(1rem, 10vw, 1.25rem);    line-height: 1;   }
.hz-title-black-size-3 {    font-size: clamp(1rem, 10vw, 1.5rem);     line-height: 1;   }
.hz-title-black-size-4 {    font-size: clamp(1rem, 10vw, 1.75rem);          line-height: 1;     }
.hz-title-black-size-5 {    font-size: clamp(1rem, 10vw, 2rem);   line-height: 1;   }
.hz-title-black-size-6 {    font-size: clamp(1rem, 10vw, 2.5rem);     line-height: 1;   }
.hz-title-black-size-7 {    font-size: clamp(1rem, 10vw, 3rem);   line-height: 1;   }
.hz-title-black-size-8 {    font-size: clamp(1rem, 10vw, 3.5em);      line-height: 1;   }
.hz-title-black-size-9 {    font-size: clamp(1rem, 10vw, 4rem);         line-height: 1;     }


.hz-title-white-size-1,
.hz-title-white-size-2,
.hz-title-white-size-3,
.hz-title-white-size-4,
.hz-title-white-size-5,
.hz-title-white-size-6,
.hz-title-white-size-7,
.hz-title-white-size-8,
.hz-title-white-size-9 {    
        font-family: Staatliches;
        font-weight: 400;
        color: rgb(255, 255, 255);
        margin:0;
}

.hz-title-white-size-1 {    font-size: clamp(1rem, 10vw, 1rem); line-height: 1;     }
.hz-title-white-size-2 {    font-size: clamp(1rem, 10vw, 1.25rem); line-height: 1;  }
.hz-title-white-size-3 {    font-size: clamp(1rem, 10vw, 1.5rem); line-height: 1;   }
.hz-title-white-size-4 {    font-size: clamp(1rem, 10vw, 1.75rem); line-height: 1;     }
.hz-title-white-size-5 {    font-size: clamp(1rem, 10vw, 2rem); line-height: 1;     }
.hz-title-white-size-6 {    font-size: clamp(1rem, 10vw, 2.5rem); line-height: 1;   }
.hz-title-white-size-7 {    font-size: clamp(1rem, 10vw, 3rem); line-height: 1;     }
.hz-title-white-size-8 {    font-size: clamp(1rem, 10vw, 3.5em); line-height: 1;    }
.hz-title-white-size-9 {    font-size: clamp(1rem, 10vw, 4rem); line-height: 1;     }

h1 span p,  h2 span p, h3 span p, h4 span p, h5 span p, h6 span p, h7 span p { margin:0;  padding:0;  }

.hz-p-text-size-1-white,
.hz-p-text-size-2-white,
.hz-p-text-size-3-white,
.hz-p-text-size-4-white,
.hz-p-text-size-4-white,
.hz-p-text-size-6-white,
.hz-p-text-size-7-white,
.hz-p-text-size-8-white,
.hz-p-text-size-9-white { color:white; }


/* --- MENU --- */

/*menu-icon MIJN HEZELAER*/

.sd-menu-item-level-one-par svg.hz-mijn-hezelaer-icoon [id="Ellipse 414"],
.sd-menu-item-level-one-par svg.hz-mijn-hezelaer-icoon [id="Ellipse 419"]
{    stroke: black;  stroke-width: 3;  transition: stroke 0.3s ease, stroke-width 0.3s ease;}

.sd-menu-item-level-one-par:hover svg.hz-mijn-hezelaer-icoon [id="Ellipse 414"],
.sd-menu-item-level-one-par:hover svg.hz-mijn-hezelaer-icoon [id="Ellipse 419"]
{    stroke:  rgb(0, 172, 169);  }

@media screen and (max-width: 991px) {
.sd-menu-item-level-one-par svg.hz-mijn-hezelaer-icoon [id="Ellipse 414"],
.sd-menu-item-level-one-par svg.hz-mijn-hezelaer-icoon [id="Ellipse 419"]
{    stroke: white;  stroke-width: 3;  transition: stroke 0.3s ease, stroke-width 0.3s ease;}
}


/* Links */

a {
text-decoration:none;
}

.sd-container-menu  a {    
font-weight: 400;
}

.hz-crumb-wrapper a,
.sd-menu-item-header span {    
    font-weight: 700;
}

.hz-article-right-bar-p p a {
    color: rgb(2, 104, 99);
    text-decoration: underline;
    font-weight: 600;
}
.hz-section-text a {
    color: rgb(0, 147, 140);
    text-decoration:underline;
}

.hz-paragraph a,
.hz-accordion-panel a
 {    
text-decoration:underline;
color: #006d67; 
font-weight: 500;

}


.hz-a-link-green-chevron {
color: rgb(0, 147, 140);
}

.hz-a-link-green-chevron > div::after {
    content: '\e801';
    display: inline-block;
    margin-left: 8px;
    font-family: 'fontello';
    font-size: 7px;
    color: rgb(0, 147, 140);
    transform: rotate(-90deg);
    top:-3px;
    position:relative;
}
.hz-a-link-green-chevron > div {
text-decoration:none;
}



.hz-a-link-1{
    display:flex;
    flex-direction: row;
}
.hz-a-link-1 .hz-a-link-p{
    color:rgb(2, 104, 99);
    font-family: Roboto;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 16px 20px 14px 0px;
    text-decoration:underline;
}
.hz-a-link-1 .hz-a-link-chevron { 
    transform: rotate(-90deg);
    top:-4px; 
    font-size:0.5rem;
    margin-left:0.7rem;
    color:rgb(0, 147, 140);
}

.hz-a-link-2{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
}
.hz-a-link-2 .hz-a-link-p{
    color:rgb(0, 147, 140);
    font-family: Roboto;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 16px 18px 14px 0px;
}
.hz-a-link-2:hover .hz-a-link-p{
    text-decoration:underline;
}
.hz-a-link-2 .hz-a-link-chevron { 
    transform: rotate(-90deg);
    top:-4px; 
    font-size:0.5rem;
    margin-left:0.7rem;
    color:rgb(0, 147, 140);
}




a.chevron-link-right {
color: rgb(0, 147, 140);
text-decoration:none;
}

a.chevron-link-right::after {
    content: '\e801';
    display: inline-block;
    margin-left: 8px;
    font-family: 'fontello';
    font-size: 7px;
    color: rgb(0, 147, 140);
    transform: rotate(-90deg);
    top:-3px;
    position:relative;
}
@media screen and (max-width: 991px) {
    a.chevron-link-right{
      display:block;
    }
}




/*  ----- UL OL LI -----*/

ul.green-checkmark
{
margin: 7px 0 7px 0;
padding: 0;
}
ul.green-checkmark li
 {
    list-style-type: none;
    list-style-position:inside;
    position: relative;
    margin:0 0 10px 0;
    padding: 0 0 5px 30px;
}

ul.green-checkmark li:before 
{
  position: absolute;
  left: 0px;
  top: -2px;
  content: '\e809';
  font-family: 'fontello';
  font-size:15px;
  color: rgb(0, 169, 172);
}
ul.green-checkmark ul
{
margin: 7px 0 7px 0;
padding: 0;
}

ul.green-checkmark li  li
 {
    list-style-type: none;
    list-style-position:inside;
    position: relative;
    margin:0 0 10px 0;
    padding: 0 0 5px 30px;
}
ul.green-checkmark li li:before 
{
  position: absolute;
  left: 0px;
  top: -2px;
  content: '\2022';
  font-family: 'fontello';
  font-size:15px;
  color: rgb(0, 169, 172);
}

ul.white-checkmark
{
margin: 7px 0 7px 0;
padding: 0;
}
ul.white-checkmark li
 {
    list-style-type: none;
    list-style-position:inside;
    position: relative;
    margin:0 0 10px 0;
    padding: 0 0 5px 30px;
}

ul.white-checkmark li:before 
{
  position: absolute;
  left: 0px;
  top: -2px;
  content: '\e809';
  font-family: 'fontello';
  font-size:15px;
  color: rgb(255, 255, 255);
}



ul.green-border
{
  margin: 7px 0 7px 0;
  padding: 0 0 0 1.6px;
}
ul.green-border li
 {
  list-style-type: none;
  list-style-position:inside;
  margin:0 0 10px 0;
  padding:0 0 0 24px;
  position: relative;
  border-left:5px solid #00aca9;   
   color: rgb(1, 1, 1);
    font-weight: 500;
}
ul.green-border li ul li 
{ 
  border-left:0px solid #00aca9;   
  list-style-type: disc; 
  list-style-position: outside;  
}

.hz-article-right-bar-wrapper ul
{
margin: 5px 0 25px 0;
padding: 0;
}

.hz-article-right-bar-wrapper ul.green-border li
 {
    list-style-type: none;
    list-style-position: inside;
    position: relative;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 10px 15px 10px 15px;
    background: linear-gradient(90deg, #d9f3f2 0%, transparent 100%);
    border-left: 5px solid #00aca9;
    color: #006d67;
}



ol 
{
margin: 7px 0 7px 0;
padding:0;
padding-left: 0px;
}
ol li 
{
margin:0 0 10px 0;
padding:0 0 5px 0px;
}
ol li:before
{
color:rgb(2, 104, 99);
font-weight:600;
font-size:1rem;
}

/* left align*/
ol 
{
        counter-reset: item;
 }
ol li
{
        position: relative;
        display: block;
        margin-left: 1.7em;
}
ol li:before 
{
        content: counter(item) ". ";
        counter-increment: item;
        position: absolute;
        margin-left: -30px;
        margin-top: -0.5px;
}



/**/
ul.green-border li ul li
 {
    list-style-type: none;
    list-style-position:inside;
    position: relative;
    margin:0 0 10px 0;
    padding: 0 0 5px 30px;
}

/* ---- END UL OL LI ----  */











.hz-outside-left,
.hz-outside-right { 
  flex: 1 1 0;   /* grow, shrink, basis */
  min-width: 0;  /* flex fix */
}

.hz-crumb-link { white-space: nowrap; }
.hz-crumb-inner-wrapper {
  opacity: 0;
}
.hz-gradient { 
background: #BAE3E3;
background: linear-gradient(90deg, rgba(186, 227, 227, 1) 10%, rgba(244, 251, 251, 1) 90%);
}
  
.hz-row > .hz-6-6-12:nth-of-type(2) > div, 
.hz-row > .hz-6-6-12:nth-of-type(2) > div > span { width: 100%; height: 100%; position: relative; }


.iframe-container.paused::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    background-color: rgb(3, 61, 117);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url(https://cdn.opptylab.com/hg/assets/video-pause-state.svg), url(https://cdn.opptylab.com/hi/assets/hezelaer-video-pause.svg);
    opacity: 0.9;
}

@media screen and (max-width: 991px) {
    .hz-panel-image-container { min-height: unset; max-height: unset; }
}


/* Gradient aan de top van de pagina (onder een hoek) */
.bg-gradient-page-top   {
    background: linear-gradient(160deg,#d9f3f2 0%, #fff 60%); /* 15% brand green */
}

.vimeo-container {
    position: relative;
    padding: 56.25% 0 0 0;
}
.vimeo-container.paused::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    opacity: 0.5;
    background-color: rgb(3, 61, 117);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-image: url(https://cdn.opptylab.com/hg/assets/video-pause-state.svg), url(https://cdn.opptylab.com/hi/assets/hezelaer-video-pause.svg);
}
.vimeo-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* ----  BG  ---- */

.hz-bg-gradient-1   {
    background: linear-gradient(90deg, #d9f3f2 0%, transparent 100%);
}
.hz-bg-gradient-2   {
  background: linear-gradient(180deg,#d9f3f2 0%, transparent 100%);
}
.hz-bg-gradient-3   {
  background: linear-gradient(125deg,#d9f3f2 0%, transparent 100%);
}

.emphasis-box { 
    color:#006d67; 
    padding:25px; 
    background:rgb(235, 250, 249); 
    font-size:1.2rem;    
    line-height: 1.5;
}
.emphasis-box-border { 
    border-left:5px solid #00aca9;   
    color:#006d67; 
    padding:25px; 
    background:rgb(235, 250, 249); 
    font-size:1.2rem;    
    line-height: 1.5;
}







/* headers  */


.hz-gradient-header-gradient {
    background: linear-gradient(70deg,
    rgba(0, 172, 169, 0.9) 0%,
    rgba(0, 172, 169, 0.9) 35%,
    rgba(0, 172, 169, 0) 60%,
    rgba(0, 172, 169, 0) 100%);
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}




/* --- ZIGZAG ---- */


@media screen and (min-width: 991px) {

.hz-zigzag-wrapper .hz-content-1280:nth-child(even) a > .hz-col-wrapper {
    display: flex;
    flex-direction: row-reverse;
}
.hz-zigzag-wrapper .hz-content-1280:nth-child(odd) .hz-image-wrapper {
    margin-left: 0%;
    margin-right: 5%;
}
.hz-zigzag-wrapper .hz-content-1280:nth-child(even) .hz-image-wrapper {
    margin-left: 5%;
    margin-right: 0%;
}

.hz-zigzag-wrapper .hz-content-1280:nth-child(odd) .hz-content-wrapper {
    padding-left: 5%;
    padding-right: 0%;
}
.hz-zigzag-wrapper .hz-content-1280:nth-child(even) .hz-content-wrapper {
    padding-left: 0%;
    padding-right: 0%;
}



.hz-zigzag-wrapper .hz-content-wrapper{
    padding-top: 50px;
    padding-bottom: 50px;
}


.hz-zigzag-wrapper .hz-col-wrapper img {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1); /* ensure base scale */
    will-change: transform; /* hint GPU */
    backface-visibility: hidden;
    position: relative; /* required for z-index */
    z-index: 0;
  object-fit: cover;
  height: 100%;
  object-position: right;
}
.hz-zigzag-wrapper .hz-col-wrapper:hover img {
    transform: scale(1.05); /* a slightly more noticeable zoom */
    z-index: 1;
}
.hz-zigzag-wrapper .hz-image-wrapper {
    overflow:hidden;
}

} /* @media screen and (min-width: 991px) */





/*  --- SWIPER  --- */
/*  --- article  --- */

.hz-section-article-quotes .swiper-button-prev {
    left: 40px;
}
.hz-section-article-quotes .swiper-button-next {
    left: 80px;
}
.hz-section-article-quotes .swiper-slide {
padding:20px 60px;
}
.hz-section-article-quotes .hz-article-quote-author {
padding:30px 0 0 0;
}
.hz-section-article-quotes  a  {
color:rgb(0, 147, 140) !important;
}

@media screen and (max-width: 991px) {
.hz-section-article-quotes .swiper-slide {
padding:10px 10px;
}
}

/*  --- home  --- */

.hz-section-client-cases {}

/* Crumbpath scroll */
.hz-crumb-inner-wrapper {
  overflow-x: auto;
  scrollbar-width: none; 
  -ms-overflow-style: none;
}
.scroll-x-hidden::-webkit-scrollbar {
    display: none;
}










/* ---------- CARD 1 ------------ */

.hz-section-cards-1 .hz-container-panels { 
  column-gap: 10px; 
  row-gap:10px;
  display: flex;
  flex-wrap: wrap; 
 }

/* CARDS 1: maximaal 3 per rij als 4 zijn 2 per rij */

.hz-section-cards-1 .hz-panel-wrapper {
  flex: 1 1 calc(33% - 10px);
  box-sizing: border-box;
  min-width: 200px;
  height:auto;
  max-width: 50%;
}

.hz-section-cards-1:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper {  flex: 1 1 calc(50% - 10px); /* 4 stuks 2 per rij */ }
.hz-section-cards-1:has(.hz-panel-wrapper:nth-child(5)) .hz-panel-wrapper {  flex: 1 1 calc(33% - 10px); /* 6 stuks 3 per rij */ }

@media only screen and (max-width: 991px) {
    .hz-section-cards-1 .hz-panel-wrapper,
    .hz-section-cards-1:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper {
     flex: none;
    max-width: 100%;

    }
}

.hz-section-cards-1 .hz-panel-content {
  justify-content: space-between;
}

.hz-section-cards-1 ul.green-checkmark li:before
{
color: white;
}


/* CARDS 1: link */

.hz-section-cards-1 .hz-panel-readmore-a-text {
  display: inline-block;
  position: relative;
  padding-right: 20px; 
}

.hz-section-cards-1 .hz-panel-readmore-a-text span p { margin: 0; }

.hz-section-cards-1 .hz-panel-readmore-a-text::after {
  content: '\e801';
  font-family: 'fontello';
  font-size: 0.45em;
  position: absolute;
  right: 0; /* align to right edge */
  top: 50%;
  transform: translateY(-50%) rotate(-90deg); 
}


/* CARDS 1: hover */

.hz-section-cards-1 .hz-panel:hover {
  background-color:rgb(5, 171, 163);
}
.hz-section-cards-1 .hz-panel {
  transition: 
  background-color 300ms ease-in-out,
  color 300ms ease-in-out,
  stroke 300ms ease-in-out,
  fill 300ms ease-in-out;
  will-change: background-color, color, stroke, fill;
}

/* CARDS 1: hover img */

.hz-section-cards-1 a.hz-panel .hz-panel-image {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1); /* ensure base scale */
    will-change: transform; /* hint GPU */
    backface-visibility: hidden;
    position: relative; /* required for z-index */
    z-index: 0;
}
.hz-section-cards-1 a.hz-panel:hover .hz-panel-image {
    transform: scale(1.05); /* a slightly more noticeable zoom */
    z-index: 1;
}

.hz-section-cards-1 .hz-panel-cta-wrapper,
.hz-section-cards-3 .hz-panel-cta-wrapper
 {
    padding-left: 20px;
}


/* ---------- CARD 2 ------------ */

/* Gele hover */
/* CARDS 2: maximaal 4 per rij (anders als card 1 : als 4 zijn 2 per rij) */


.hz-section-cards-2 .hz-container-panels { 
  column-gap: 10px; 
  row-gap:10px;
  display: flex;
  flex-wrap: wrap; 
 }


.hz-section-cards-2 .hz-panel-wrapper {
  flex: 1 1 calc(25% - 10px);
  box-sizing: border-box;
  min-width: 200px;
  height:auto;
  max-width: 100%;
}
/*
@media only screen and (max-width: 991px) {
  .hz-section-cards-2 .hz-panel-wrapper:only-child {  max-width: 50%;  }
}
*/
.hz-section-cards-2:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper { flex: 1 1 calc(50% - 10px); /* 4 stuks 2 per rij */ }
.hz-section-cards-2:has(.hz-panel-wrapper:nth-child(5)) .hz-panel-wrapper { flex: 1 1 calc(33% - 10px); /* 4 stuks 2 per rij */ }

@media only screen and (max-width: 991px) {
    .hz-section-cards-2 .hz-panel-wrapper,
    .hz-section-cards-2:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper {
     flex: none;
    }
}

.hz-section-cards-2  .hz-panel {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
}

.hz-section-cards-2  .hz-panel-content {
  justify-content: space-between;

}

.hz-section-cards-2  ul.green-checkmark li:before {
    color: white;
}

/* CARDS 2: link */

.hz-section-cards-2  .hz-panel-readmore-a-text {
  display: inline-block;
  position: relative;
  padding-right: 20px; 
}

.hz-section-cards-2  .hz-panel-readmore-a-text span p { margin: 0; }


.hz-section-cards-2 .hz-panel-readmore-a-text::after {
  content: '\e801';
  font-family: 'fontello';
  font-size: 0.45em;
  position: absolute;
  right: 0; /* align to right edge */
  top: 50%;
  transform: translateY(-50%) rotate(-90deg); 
}


/* CARDS 2: icons */

.hz-section-cards-2 .hz-panel .st0,
.hz-section-cards-2 .hz-panel .st1 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 3.1px;
}
.hz-section-cards-2 .hz-panel .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
}

.hz-section-cards-2 .hz-info-panel-icon
{
  width:70px;
  height:70px;
  margin-bottom:15px;
}


/* CARDS 2: Hover Effects */

.hz-section-cards-2 a.hz-panel:hover {
  background-color: rgb(255, 184, 77);
}

/*
.hz-section-cards-2 .hz-panel:hover h3,
.hz-section-cards-2 .hz-panel:hover h3 span p,
*/

.hz-section-cards-2 a.hz-panel:hover .hez-besparing,
.hz-section-cards-2 a.hz-panel:hover .hez-verduurzaming,
.hz-section-cards-2 a.hz-panel:hover .hez-contract,
.hz-section-cards-2 a.hz-panel:hover .hez-architect,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-2,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-3,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-4,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-5,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-6,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-7,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-8,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-9,
.hz-section-cards-2 a.hz-panel:hover .hz-title-white-size-10,
.hz-section-cards-2 a.hz-panel:hover .hz-panel-text,
.hz-section-cards-2 a.hz-panel:hover .hz-panel-readmore-link,
.hz-section-cards-2 a.hz-panel:hover .hz-panel-readmore-a-text {
  color: rgb(2, 104, 99);
}

.hz-section-cards-2 a.hz-panel:hover .st0,
.hz-section-cards-2 a.hz-panel:hover .st1,
.hz-section-cards-2 a.hz-panel:hover .cls-1 {
  stroke: rgb(2, 104, 99);
}

/* CARDS 2: Base Transitions */
.hz-section-cards-2 a.hz-panel,
.hz-section-cards-2 a.hz-panel .hez-besparing,
.hz-section-cards-2 a.hz-panel .hez-verduurzaming,
.hz-section-cards-2 a.hz-panel .hez-contract,
.hz-section-cards-2 a.hz-panel .hez-architect,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-2,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-3,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-4,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-5,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-6,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-7,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-8,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-9,
.hz-section-cards-2 a.hz-panel .hz-title-white-size-10,
.hz-section-cards-2 a.hz-panel .hz-panel-text,
.hz-section-cards-2 a.hz-panel .hz-panel-readmore-link,
.hz-section-cards-2 a.hz-panel .hz-panel-readmore-a-text,
.hz-section-cards-2 a.hz-panel .st0, 
.hz-section-cards-2 a.hz-panel .st1, 
.hz-section-cards-2 a.hz-panel .cls-1 {
                    transition: background-color 300ms ease-in-out,
                    color 300ms ease-in-out,
                    stroke 300ms ease-in-out,
                    fill 300ms ease-in-out;
                    will-change: background-color, color, stroke, fill;
}

/* ---------- CARD 3 ------------ */
/* Eerste 2x 50% width, daarna 33 */

.hz-section-cards-3 .hz-container-panels { 
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    }

/* CARDS 3: maximaal 3 per rij */

.hz-section-cards-3 .hz-panel-wrapper {
/* flex: 1 1 calc(33% - 5px);  */
  box-sizing: border-box;
  min-width: 200px;
  height:auto;
max-width: calc(33% - 5px); 
}
/* CARDS 3: eerste 2, 50% */

.hz-section-cards-3 .hz-panel-wrapper:nth-child(1),
.hz-section-cards-3 .hz-panel-wrapper:nth-child(2) {
max-width: calc(50% - 7px); 
}


@media only screen and (max-width: 991px) {
    .hz-section-cards-3 .hz-panel-wrapper {
  /*   flex: none; */
                max-width:100%;
    }
            .hz-section-cards-3 .hz-panel-wrapper:nth-child(1),
            .hz-section-cards-3 .hz-panel-wrapper:nth-child(2) {
                    max-width: calc(100% - 0px); 
            }

}


.hz-section-cards-3 .hz-panel-content {
  justify-content: space-between;
}

.hz-section-cards-3 ul.green-checkmark li:before
{
color: white;
}


/* CARDS 3: link */

.hz-section-cards-3 .hz-panel-readmore-a-text {
  display: inline-block;
  position: relative;
  padding-right: 20px; 
}

.hz-section-cards-3 .hz-panel-readmore-a-text span p { margin: 0; }

.hz-section-cards-3 .hz-panel-readmore-a-text::after {
  content: '\e801';
  font-family: 'fontello';
  font-size: 0.45em;
  position: absolute;
  right: 0; /* align to right edge */
  top: 50%;
  transform: translateY(-50%) rotate(-90deg); 
}


/* CARDS 3: hover */

.hz-section-cards-3 .hz-panel:hover {
  background-color:rgb(5, 171, 163);
}
.hz-section-cards-3 .hz-panel {
  transition: 
  background-color 300ms ease-in-out,
  color 300ms ease-in-out,
  stroke 300ms ease-in-out,
  fill 300ms ease-in-out;
  will-change: background-color, color, stroke, fill;
}

/* CARDS 3: hover img */

.hz-section-cards-3 a.hz-panel .hz-panel-image {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1); /* ensure base scale */
    will-change: transform; /* hint GPU */
    backface-visibility: hidden;
    position: relative; /* required for z-index */
    z-index: 0;
}
.hz-section-cards-3 a.hz-panel:hover .hz-panel-image {
    transform: scale(1.05); /* a slightly more noticeable zoom */
    z-index: 1;
}

/* ---------- CARD 4 ------------ */

/* Gele hover */
/* CARDS 4: maximaal 4 per rij (anders als card 1 : als 4 zijn 2 per rij) */


.hz-section-cards-4 .hz-container-panels { 
  column-gap: 10px; 
  row-gap:10px;
  display: flex;
  flex-wrap: wrap; 
 }


.hz-section-cards-4 .hz-panel-wrapper {
  flex: 1 1 calc(25% - 10px);
  box-sizing: border-box;
  min-width: 200px;
  height:auto;
}

.hz-section-cards-4:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper { flex: 1 1 calc(50% - 10px); /* 4 stuks 2 per rij */ }
.hz-section-cards-4:has(.hz-panel-wrapper:nth-child(5)) .hz-panel-wrapper { flex: 1 1 calc(33% - 10px); /* 4 stuks 2 per rij */ }

@media only screen and (max-width: 991px) {
    .hz-section-cards-4 .hz-panel-wrapper,
    .hz-section-cards-4:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper {
     flex: none;
    }
}

.hz-section-cards-4 .hz-panel {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
}

.hz-section-cards-4  .hz-panel-content {
  justify-content: space-between;
}

..hz-section-cards-4  ul.green-checkmark li:before
{
color: white;
}

/* CARDS 4: link */

.hz-section-cards-4  .hz-panel-readmore-a-text {
  display: inline-block;
  position: relative;
  padding-right: 20px; 
}

.hz-section-cards-4  .hz-panel-readmore-a-text span p { margin: 0; }

.hz-section-cards-4 .hz-panel-readmore-a-text::after {
  content: '\e801';
  font-family: 'fontello';
  font-size: 0.45em;
  position: absolute;
  right: 0; /* align to right edge */
  top: 50%;
  transform: translateY(-50%) rotate(-90deg); 
}


.hz-section-cards-4 .hz-info-panel-icon
{
  width:70px;
  height:70px;
  margin-bottom:15px;
}

/* ----- END CARD 4 ------- */




/* -------- TILES ---------------- */
/* Tiles 1: maximaal 3 per rij als 4 zijn 2 per rij */

/* hz-section-tiles-1 */

.hz-section-tiles-1 .hz-container-panels { 
  column-gap: 10px; 
  row-gap:10px;
  display: flex;
  flex-wrap: wrap; 
 }


/* Tiles 1: maximaal 3 per rij als 4 zijn 2 per rij */

.hz-section-tiles-1 .hz-panel-light-green {
  flex: 1 1 calc(33% - 10px);
  box-sizing: border-box;
  min-width: 200px;
  height:auto;
}
.hz-section-tiles-1:has(.hz-panel-light-green:nth-child(4)) .hz-panel-light-green {
  flex: 1 1 calc(50% - 10px); /* 4 stuks 2 per rij */
}

@media only screen and (max-width: 991px) {
.hz-section-tiles-1 .hz-panel-wrapper,
.hz-section-tiles-1:has(.hz-panel-wrapper:nth-child(4)) .hz-panel-wrapper {
     flex: none;
    }
}



/* Tiles 1 - icoon rechtlijnend, text links */

@media only screen and (max-width: 991px) {
  .hz-section-tiles-1 .hz-info-panel-icon-wrapper {
         justify-content: space-between;
         flex-direction: row-reverse;
  }
}

/* -------- TILES 2 ---------------- */

.hz-section-tiles-2 .hz-container-panels  {
    column-gap: 10px;
    row-gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.hz-section-tiles-2 .hz-tile-wrapper {
  box-sizing: border-box;
  height:auto;
background:rgb(235, 250, 249);
  transition: all 0.5s ease;
}
.hz-section-tiles-2 .hz-tile-wrapper:hover {
  box-sizing: border-box;
  height:auto;
background:rgba(235, 250, 249,.5);
}
.hz-section-tiles-2:hover .hz-tile-wrapper {
  box-sizing: border-box;
  height:auto;
}
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(2)) .hz-tile-wrapper { flex: 1 1 calc(50% - 10px); }
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(3)) .hz-tile-wrapper { flex: 1 1 calc(33% - 10px);  }
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(4)) .hz-tile-wrapper {  flex: 1 1 calc(25% - 10px);  }
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(5)) .hz-tile-wrapper {  flex: 1 1 calc(33% - 10px); }
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(6)) hz-tile-wrapper {  flex: 1 1 calc(33% - 10px);}
.hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(7)) .hz-tile-wrapper  { flex: 1 1 calc(25% - 10px); }

.hz-section-tiles-2  .hz-info-panel-icon-wrapper { 
    flex-direction: column;     
    align-items: flex-start; 
    margin: 10px 0;
}
.hz-section-tiles-2 .hz-info-panel-icon-wrapper h2 {
    margin: 10px 0 10px 0 ;
}

@media only screen and (max-width: 991px) {
    .hz-section-tiles-2 .hz-tile-wrapper {
         flex: none;
    }
    .hz-section-tiles-2 .hz-tile-wrapper  {      
        flex: none;
     }
    .hz-section-tiles-2 .hz-tile-wrapper  { 
          position: relative; 
          padding-left:0px;          
          padding-bottom: 0px;
    }
       .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(2)) .hz-tile-wrapper { flex: 1 1 calc(100%); }
      .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(3)) .hz-tile-wrapper { flex: 1 1 calc(100%);  }
      .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(4)) .hz-tile-wrapper {  flex: 1 1 calc(100%);  }
      .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(5)) .hz-tile-wrapper {  flex: 1 1 calc(100%); }
      .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(6)) .hz-tile-wrapper {  flex: 1 1 calc(100% );}
      .hz-section-tiles-2:has(.hz-tile-wrapper:nth-child(7)) .hz-tile-wrapper  { flex: 1 1 calc(100%); }

}

/* Tiles 2 - icoon rechtlijnend, text links */

@media only screen and (max-width: 991px) {
  .hz-section-tiles-2 .hz-info-panel-icon-wrapper {
         justify-content: space-between;
         flex-direction: row-reverse;
  }
}



/* ------ TAGS   ----- */



/*  verberg zoekbalk */  
.hz-section-tagged-articles .o-form-input-wrapper {
display:none;
}

/* verberg tag titles  */
.hz-section-tagged-articles .o-form-label { 
display:none;
}

/* label-container */
.hz-section-tagged-articles .o-form-checkbox-wrapper {
  display: inline-block;
  margin: 5px 5px 5px 0px;
  float: left;

}

/* label ( > text-span) */
.hz-section-tagged-articles label.o-checkbox-wrapper > .o-checkbox-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  cursor: pointer;
   max-width: 170px;
  padding: 8px 12px;
  transition: all 0.5s ease;
  border-style: solid;
  border-width: 2px;
  border-color:rgb(177, 179, 182);
}

/* Verberg de echte checkbox */
.hz-section-tagged-articles .o-checkmark {
  display: none;
}

/* Labeltekst */
.hz-section-tagged-articles .o-checkbox-label {
  font-size: 13px;
  color: white;
  transition: color 0.2s ease;
}


/* label ( > text span) */
.hz-section-tagged-articles label.o-checkbox-wrapper > .o-checkbox-label {
  border-color:rgb(177, 179, 182);
  background-color: rgb(177, 179, 182);
}

/* label ( > text span) on hover when unchecked */
.hz-section-tagged-articles label.o-checkbox-wrapper:hover > .o-checkbox-label {
  border-color: rgb(0, 147, 140);
}

/* label ( > text span) on hover when checked */
.hz-section-tagged-articles label.o-checkbox-wrapper:hover .o-checkbox:checked ~ .o-checkbox-label  {
  border-color: rgb(0, 147, 140);
}

/* Tag on checked */
.hz-section-tagged-articles .o-checkbox:checked ~ .o-checkbox-label {
  background-color: rgb(0, 172, 169);
  border-color: rgb(0, 172, 169);
}

/* Disabled toestand  */
.hz-section-tagged-articles .o-checkbox:disabled ~ .o-checkbox-label {
  cursor: not-allowed;
  background:rgb(237, 237, 238);
  border-color:rgb(237, 237, 238);
}



/* ---- CARDS ----  */


/* cards size  (overwrite) */


/* tags in card */
.hz-tag {
    background-color: rgba(255, 255, 255, .2);
    color: rgb(255, 255, 255);
    display: inline-block;
    font-style: normal;
    position: relative;
    text-align: start;
    font-family: Roboto;
    font-weight: 600;
    font-size: 0.8rem;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
    height: 25px;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 0;
     /*  text-transform: uppercase; */
}


.hz-article-right-bar-p a,
.hz-info-panel-text span ul li a,
.hz-info-panel-text span p a {
    color: rgb(0, 172, 169);
    text-decoration: underline;
    }





/*  ----- hz-section-tabs-1 ------   */

/* tabs */

.hz-section-tabs-1 .hz-container-tabs{
    display:flex;
    width: 100%;
    column-gap: 10px;
}

.hz-section-tabs-1 .hz-tab { 
    padding:0 20px 50px 20px;
}

@media only screen and (max-width: 991px) {
    .hz-section-tabs-1 .hz-tab-wrapper{
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .hz-section-tabs-1 .hz-container-tabs{
        flex-direction: column;
    }
}

/* tabs bg */

.hz-section-tabs-1 .hz-tab-wrapper 
{ 
    background:rgba(0, 172, 169, 1); 
    width: 100%;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .hz-section-tabs-1 .hz-tab-wrapper:hover {
          background: rgba(0, 172, 169, 0.8);
     }
}

/* Tab CTA */

.hz-section-tabs-1 .hz-tab-cta-wrapper {  
    position:absolute;     
    overflow:visible;
}
 @media only screen and (max-width: 991px) {
    .hz-section-tabs-1 .hz-tab-cta-wrapper {  
         position:relative; 
    }
}

.hz-section-tabs-1 .hz-tab-cta-wrapper .arrow {  
        height:20px;  
 }
.hz-section-tabs-1 .hz-tab-cta-wrapper .arrow-1 {
        fill: none;
        stroke: #00aca9;
        opacity:0.8;
        stroke: #fff;
        stroke-linejoin: round;
        stroke-width: 7px;
}
.hz-section-tabs-1 .hz-tab-wrapper .hz-tab-cta-wrapper{
    transform: translateY(100%);
}
.hz-section-tabs-1 .hz-tab-wrapper .hz-tab-cta-wrapper svg{
         transition: transform 330ms ease-in-out; 
         bottom: 10px; 
         position:relative;
}
.hz-section-tabs-1 .hz-tab-wrapper .hz-tab-cta-wrapper svg {
        transform: rotate(0deg);
}
.hz-section-tabs-1 .hz-tab-wrapper.active .hz-tab-cta-wrapper svg {
        transform: rotate(180deg);
}

@media only screen and (min-width: 991px) {
        .hz-section-tabs-1 .hz-tab-wrapper:hover .hz-tab-cta-wrapper svg {
                  transform: translateY(10px);
        }
        .hz-section-tabs-1 .hz-tab-wrapper.active:hover .hz-tab-cta-wrapper svg {
                transform: rotate(180deg) translateY(-10px);
         }
}

/* tabs active state */

.hz-section-tabs-1 .hz-tab-wrapper .hz-p-text-size-9-bold-white,
.hz-section-tabs-1 .hz-tab-wrapper .hz-p-text-size-4-white {
        transition: color 0.3s ease;
}
.hz-section-tabs-1 .hz-tab-wrapper .hz-tab-cta-wrapper .arrow-1 {
        transition: stroke 0.3s ease, transform 0.3s ease;
}
.hz-section-tabs-1 .hz-tab-wrapper .hz-tab-cta-wrapper svg {
        transition: transform 0.3s ease;
}
.hz-section-tabs-1 .hz-tab-wrapper.active {
        background:rgba(255, 255, 255, 1); 
}
.hz-section-tabs-1 .hz-tab-wrapper.active .hz-p-text-size-9-bold-white,
.hz-section-tabs-1 .hz-tab-wrapper.active .hz-p-text-size-4-white
 {
    color: rgba(0, 172, 169, 1);
}
.hz-section-tabs-1 .hz-tab-wrapper.active .hz-tab-cta-wrapper .arrow-1 {
        stroke: rgba(0, 172, 169, 0.8);
}



 

/* Panels */

/* animate tab-panels*/

.hz-section-tabs-1 .hz-tab-panel-content {
    overflow: hidden;
    transition: max-height 0.35s ease;
}


.hz-section-tabs-1 .hz-tab-panel-content { 
    padding:0 !important;
}
.hz-section-tabs-1 .hz-tab-panel-content > div {
     padding:0 20px;
}





/* --- accordion --- */

    
.hz-accordion-gradient{
    background-color: rgb(0, 172, 169);
    background: linear-gradient(129deg, rgba(0, 172, 169, 1) 50%, rgba(0, 147, 140, 1) 100%);
}

    
.hz-accordion-in-tab {
    background: RGB(255, 255, 255);
}

    
.hz-accordion {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: background-color 0.4s;
  position: relative;
  opacity:90%;
  background-color: rgba(255,255,255,0.0);
  color: rgba(255,255,255,0.9);
  padding: 25px 100px 22px 25px;
  font-size: 15px;
  font-weight: 400;
  font-size: 1.2em;
  line-height:1.8rem;
}

.hz-accordion:hover {
  opacity:100%;
  background-color: rgba(255,255,255,0.3);
}

.hz-accordion:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
  height: 100%;
  position: absolute;
  display: block;
  top: 25px;
  right: 25px;
}
.hz-accordion.active::after {
  content: "\2212";
  color: rgba(255,255,255,1);
}

.hz-accordion-2 {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: background-color 0.4s;
  position: relative;
  opacity:90%;
  background-color: rgba(255,255,255,0.0);
color:rgb(2, 104, 99) !important;
  padding: 25px 0px 22px 0px;
  font-size: 15px;
  font-weight: 400;
  font-size: 1.2em;
  line-height:1.8rem;
}

.hz-accordion-2:hover {
  opacity:100%;
  background-color: rgba(255,255,255,0.3);
}

.hz-accordion-2:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
  height: 100%;
  position: absolute;
  display: block;
  top: 25px;
  right: 25px;
color:rgb(2, 104, 99) !important;
}
.hz-accordion-2.active::after {
  content: "\2212";
color:rgb(2, 104, 99) !important;
}
.hz-section-accordion-2 .hz-accordion-panel 
{ 
  max-height:0px;
  border-bottom: 1px solid rgba(2, 104, 99, 0.5);
padding-right: 50px;
 }
.hz-section-accordion-2 .hz-accordion-panel >  div
{ 
padding-bottom: 50px;
 }
.hz-section-accordion-2 .hz-accordion-panel a
{ 
color:rgba(0, 172, 169, 1);
text-decoration:underline;
 }
.hz-section-accordion-2 .hz-accordion-panel a:hover
{ 
color: rgb(2, 104, 99);
 }

.hz-accordion p {
margin:0; 
font-weight:600;
}

.hz-accordion-panel {
  overflow: hidden;
  transition: max-height 0.4s ease-in, max-height 0.4s ease-out;
  background-color: white;
  border-bottom: 1px solid #fff;
  max-height: 0;
}

/* .hz-accordion-panel div ?? */
.hz-accordion-panel p, .hz-accordion-panel li  {
  font-size: 1.1rem;
  line-height:1.8rem;
}

/* klantenservice reset button */
.hz-reset { cursor: pointer; }

/* partner pages */
.hz-partner-panel-wrapper > .hz-partner-panel-inner-wrapper {
  flex: 1;
  display: flex; /* allows inner content to stretch */
}

.hz-partner-select-button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* zoho chatbot start chat button */
.zd-launcher-round { border: 1px solid rgb(255,255,255) !important; }