@media only screen and (min-width: 320px) and (max-width: 600px){
#richtlijnen span.cmp-button__text {
    margin-top: -57px;
}
#Klinische-data span.cmp-button__text {
    margin-top: -57px;
}
#Imfinzi-Nascholingen span.cmp-button__text {
    margin-top: -57px;
}
#ImfinziMaterialen span.cmp-button__text {
    margin-top: -57px;
}
}

@media only screen and (min-width: 993px) and (max-width: 1200px){
#richtlijnen .vraag-btn img {
    float: right;
    position: relative;
    top: 0px;
}
}
#richtlijnen div#imfinzi_Banner {
    /*padding-top: 360px;*/
    /*margin-top: 19px;*/
}

#richtlijnen .Bannerstyle1heading {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
    font-family: Lexia-Italic;
    max-width: 1440px;
    margin: 0 auto;
     padding-left: 0px; 
         padding: 101px 0 0px 0;
}
#richtlijnen #material-cards .azcl-container {
    width: 100%;
    padding: 0 15px;
    max-width: 1470px;
    margin: 0 auto;
}

#richtlijnen div#image-with-download-section .azcl-container {
    width: 100%;
    padding: 0 15px;
    max-width: 1470px;
    margin: 0 auto;
}



#richtlijnen #material-cards  .azcl-columns__base {
    display: grid;
    gap: 40px !important;
    grid-template-columns: repeat(var(--col-count), 1fr);
}
#richtlijnen #material-cards  .azcl-columns__base {
    display: grid;
    gap: 40px !important;
    grid-template-columns: repeat(var(--col-count), 1fr);
}
#richtlijnen .vraag-btn {
    border-radius: 2px;
    border: 1px solid #070733;
    margin: 0px 20px 20px 20px;
    /*max-width: -webkit-fill-available;*/
    /*display: flex;*/
    padding: 14px;
    /*height: 52px;*/
}
#richtlijnen .vraag-btn a {
    /*display: flex;*/
    /*width: -webkit-fill-available;*/
    /* padding: 2px 0px 2px 4px; */
    /*justify-content: space-between;*/
    /*align-items: center;*/
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 19px;
    color: #28293D;
    letter-spacing: 0.2px;
}
#richtlijnen .vraag-btn img {
    float: right;
    position: relative;
    top: 4px;
}
#richtlijnen div#lancetsection-materilian {
    border: 1px solid #B2B4B4;
    background: #fff;
}
#richtlijnen .mtrl-heading1 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 23px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    color: #AE2573;
    font-family: 'Lexia-Regular';
}
#richtlijnen .mtrl-text1 {
    color: #1C1C28;
   font-family: Helvetica Neue;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    min-height: 145px;
    padding: 10px 20px 0px;
}
#richtlijnen div#coloumn2 {
    margin-top: 40px;
}
#richtlijnen div#Bannerstyle1 {
    padding: 101px 0 0px 0;
}
#richtlijnen div#material-cards {
    margin-top: 64px;
}
#richtlijnen .cmp-container__backgroundImage--enabled {
    height: 250px;
    min-height: unset !important;
    background-size: cover !important;
    background-position: center center !important;
    margin: 0 !important;
    /* height: auto !important; */
}
@media screen and (max-width: 991px){
#richtlijnen .cmp-container__backgroundImage--enabled {
       height: 250px!important;
    aspect-ratio: 15/4;
    width: -webkit-fill-available;
}
/*#richtlijnen .Bannerstyle1heading {*/

/*    font-size: 25px !important;*/
/*    line-height: 31px !important;*/
  
/*}*/
}


@media screen and (min-width: 992px) and (max-width: 1399px){
#richtlijnen .mtrl-text1 {
    color: #1C1C28;
   font-family: Helvetica Neue;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    min-height: 212px;
    padding: 10px 20px 25px;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
#richtlijnen .mtrl-heading1 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 23px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    color: #AE2573;
    font-family: 'Lexia-Regular';
    min-height: 78px;
}
}
@media screen and (max-width: 992px){
  #richtlijnen #material-cards  .azcl-columns__base {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
}  
#richtlijnen img.boxImage {
    width: 100%;
}
}
#richtlijnen div#new-download-section {
    margin-top: 64px;
    border-radius: 10px;
    background: #FAFAFC;
    padding: 30px;
    margin-bottom:64px;
    
}
#richtlijnen div#image-with-download-section .azcl-columns__base {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(var(--col-count), 1fr);
}
#richtlijnen div#sub-step-4 div#download_box1, div#download_box2, div#download_box3 {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #D8DADA;
    background: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#richtlijnen .sl_downimg {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}
#richtlijnen a.sl_down p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #3C4242;
}
#richtlijnen a.sl_align {
    text-decoration: none;
    color: #D0006F;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    font-family: HelveticaNeue;
}
#richtlijnen #coloumn1 .azcl-column-par1:hover:after,
#richtlijnen #coloumn1 .azcl-column-par2:hover:after,
#richtlijnen #coloumn1 .azcl-column-par3:hover:after,
#richtlijnen #coloumn2 .azcl-column-par1:hover:after,
#richtlijnen #coloumn2 .azcl-column-par2:hover:after,
#richtlijnen #coloumn2 .azcl-column-par3:hover:after{
  width: 100%;
  background: #D0006F;
}

#richtlijnen #coloumn1 .azcl-column-par1:after,
#richtlijnen #coloumn1 .azcl-column-par2:after,
#richtlijnen #coloumn1 .azcl-column-par3:after,
#richtlijnen #coloumn2 .azcl-column-par1:after,
#richtlijnen #coloumn2 .azcl-column-par2:after,
#richtlijnen #coloumn2 .azcl-column-par3:after{
  content: '';
  display: block;
  margin: auto;
  height: 4px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  position: relative;
}

#richtlijnen .vraag-btn a:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    transform: translate(0px, 11px);
    position: relative;
    top: -10px;
}
#richtlijnen .vraag-btn a:hover:after {
  width: 100%;
  background: black;
}

#BrandHeader #header-wrapper2 #Menu ul li a:hover:after, #Imfinzi-home #header-wrapper2 #Menu ul li:first-child a:after, #Klinische-data #header-wrapper2 #Menu ul li:nth-child(2) a:after, #richtlijnen #header-wrapper2 #Menu ul li:nth-child(3) a:after, #Imfinzi-Nascholingen #header-wrapper2 #Menu ul li:nth-child(4) a:after, #ImfinziMaterialen #header-wrapper2 #Menu ul li:nth-child(5) a:after, #imfinzi-Contact #header-wrapper2 #Menu ul li:last-child a:after {
    width: 100%;
    background: #D0006F;
}
@media screen and (max-width: 1600px){
#BrandHeader-tez #header-wrapper2 #Menu ul li:last-child a:after {
     top: 5px !important; 
}
}

span.text-wrap {
    text-wrap: nowrap;
}

@media screen and (max-width: 540px) 
{
	#richtlijnen button.modal__close 
	{
		top: 1.5rem;
		right: 2.5rem;
		left: initial!important;
	}
}