
.hz-article-container .hz-media-container div .hz-article-image{
    width: 100%;
   max-width: 800px;
}

.hz-article-container h3,
.hz-article-container-reverse-mobile h3 {
    font-weight: 600;
    font-size: 1.2rem;
    padding-bottom: 0px;
    color: rgb(2, 104, 99);
    line-height: 1.6rem;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

hz-article-container-reverse-mobile

/* columns */

.hz-article-container .colwrapper,
.hz-article-2-container .colwrapper,
.hz-article-container .colwrapper-reverse,
.hz-article-2-container .colwrapper-reverse  {
	display: flex;
	column-gap: 10px;    
	width:100%;
}

.hz-article-container .colwrapper-reverse,
.hz-article-2-container .colwrapper-reverse {
    flex-direction: row-reverse;
}

.hz-article-container .colwrapper .col,
.hz-article-2-container .colwrapper .col,
.hz-article-container .colwrapper-reverse .col,
.hz-article-2-container .colwrapper-reverse .col  {
	min-width: 0;  
	flex:1; 
	font-size:1.05rem;
	line-height:1.5rem;
}


.hz-article-container .col-1 { flex: 0 1 calc(12.5% - 10px); }
.hz-article-container .col-2 { flex: 0 1 calc(25% - 10px); }
.hz-article-container .col-3 { flex: 0 1 calc(37.5% - 10px); }
.hz-article-container .col-4 { flex: 0 1 calc(50% - 10px); }
.hz-article-container .col-5 { flex: 0 1 calc(62.5% - 10px); }
.hz-article-container .col-6 { flex: 0 1 calc(75% - 10px); }
.hz-article-container .col-7 { flex: 0 1 calc(87.5% - 10px); }
.hz-article-container .col-8 { flex: 0 1 calc(100% - 10px); }

.hz-article-2-container .col-1 { flex: 0 1 calc(12.5% - 10px); }
.hz-article-2-container .col-2 { flex: 0 1 calc(25% - 10px); }
.hz-article-2-container .col-3 { flex: 0 1 calc(37.5% - 10px); }
.hz-article-2-container .col-4 { flex: 0 1 calc(50% - 10px); }
.hz-article-2-container .col-5 { flex: 0 1 calc(62.5% - 10px); }
.hz-article-2-container .col-6 { flex: 0 1 calc(75% - 10px); }
.hz-article-2-container .col-7 { flex: 0 1 calc(87.5% - 10px); }
.hz-article-2-container .col-8 { flex: 0 1 calc(100% - 10px); }

 .hz-article-container .col-article-img-wrapper { height:100%; width:auto;      }
.hz-article-2-container .col-article-img-wrapper { height:100%; width:auto;      }

 .hz-article-container .col-article-img-wrapper img { height:100%; width:auto;     object-fit: cover;  object-position: top right;  }
.hz-article-2-container .col-article-img-wrapper img { height:100%; width:auto;     object-fit: cover;  object-position: top right; }


@media (max-width: 766px) {
.hz-article-container .colwrapper,
.hz-article-container .colwrapper-reverse  {
  		display: block;
	}
.hz-article-2-container .colwrapper,
.hz-article-2-container .colwrapper-reverse  {
  		display: block;
	}
.hz-article-container .col-article-img-wrapper { margin-bottom:20px; }
.hz-article-2-container .col-article-img-wrapper { margin-bottom:20px; }

}

/* END columns */



/*  HEADER  */

.hz-article-header-container img {
    object-fit: contain;
    object-position: top right;
}


.hz-section-header .hz-article-h1-wrapper span { 
	padding-bottom: 12px;
}

.hz-section-header .hz-article-h1-wrapper h1 span,
.hz-header-h-wrapper h1 span { 
	padding-bottom: 12px;
}


.hz-header-img-wrapper img,
.hz-article-header-img-wrapper img  {
 object-fit: cover;
  object-position: top right;

}

.hz-article-header-container img {
    object-fit: cover;
}



/*  END HEADER  */





/* als de rechtkolom niet aanweizg is maak dan de linker colom 80%van de breedte */

.hz-article-container .hz-col-8,
.hz-article-container-reverse-mobile .hz-col-8
 {
  flex: 0 0 66.6666%;
}

.hz-article-container .hz-col-4  
.hz-article-container-reverse-mobile .hz-col-4  

{
  flex: 1; 
}

.hz-article-container:not(:has(.hz-col-4)) .hz-col-8,
.hz-article-container-reverse-mobile:not(:has(.hz-col-4)) .hz-col-8
{
  flex: 0 0 100%;
}


/* kleine icoontjes aande linkerkant, geen responsive view */

.small-icons {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.small-icons-text {
}

.small-icons img {
width:60px; 
margin-right:35px;
}



/*  quotes */


.hz-quote {
  background-image: url("https://cdn.opptylab.com/hi/assets/icon-svg-green-quotation.svg");
  background-repeat: no-repeat;
  background-size: 80px 80px;
  background-position:25px 10px;
  padding-top: 100px;
  margin:1.25rem 0 0  0;
}



.hz-quote .hz-button-6 {
padding:5px 20px 5px 0px;
}


/* --- witregels --- */

hr.blank-line-1 { border:1px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-2 { border:2px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-3 { border:3px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-4 { border:4px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-5 { border:5px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-6 { border:6px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-7 { border:7px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-8 { border:8px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-9 { border:9px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-10 { border:10px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-11 { border:11px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-12 { border:12px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-13 { border:13px  rgba(255,255,255,0) solid; margin:0; }
hr.blank-line-14 { border:14px  rgba(255,255,255,0) solid; margin:0; }


/* --- BOXES ---*/

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


.hz-article-right-bar .hz-button-row { flex-direction: column }


.icon-leave-page {height:14px; margin-left:5px; position:relative; top:-1px;}
