#Saphnelo-Materialen div#fesendra_Banner {
    padding-top: 360px;
    margin-top: 18px;
}
#Saphnelo-Materialen .Bannerstyle1heading {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
    font-family: Lexia-Italic;
    max-width: 1470px;
    margin: 0 auto;
         padding: 0px 15px;
}
#Saphnelo-Materialen div#Bannerstyle1 {
    padding: 101px 0 0px 0;
}
#Saphnelo-Materialen .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; */
}
#Saphnelo-Materialen #material-cards .azcl-container {
    width: 100%;
    padding: 0 15px;
    max-width: 1470px;
    margin: 0 auto;
}
#Saphnelo-Materialen div#coloumn4 div#lancetsection-materilian {
  
    min-height: 390px;
}
#Saphnelo-Materialen div#lancetsection-materilian {
    border: 1px solid #B2B4B4;
    background: #fff;
        min-height: 422px;
}
#Saphnelo-Materialen div#coloumn1 {
    gap: 40px;
}
#Saphnelo-Materialen div#coloumn2 {
    gap: 40px;
    margin-top:40px;
}
#Saphnelo-Materialen div#coloumn3 {
    gap: 40px;
    margin-top:40px;
}
#Saphnelo-Materialen div#coloumn4 {
    gap: 40px;
    margin-top:40px;
}
#Saphnelo-Materialen div#material-cards {
    margin-top: 64px;
        margin-bottom: 64px;
}
#Saphnelo-Materialen .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';
}
#Saphnelo-Materialen .mtrl-text1 {
    color: #1C1C28;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Helvetica Neue;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    padding: 10px 20px 50px;
}
#Saphnelo-Materialen .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;
}
#Saphnelo-Materialen .vraag-btn img {
    float: right;
    top: 4px;
    position: relative;
}
#Saphnelo-Materialen .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;
}
#Saphnelo-Materialen .td_downimg {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
    padding: 20px;
}
@media screen and (max-width: 992px){
#Saphnelo-Materialen div#material-cards .azcl-columns__base {
    display: grid;
   
    grid-template-columns: 1fr;
}
#coloumn3 .azcl-column-par3 {
    display: none;
}
img.boxImage {
    width: 100%;
}
#Saphnelo-Materialen .vraag-btn {
   
    max-width: -webkit-fill-available;
    
}
}


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

#coloumn4 .mtrl-text1 {
    min-height: 100px !important;
    padding: 10px 20px 30px !important;
}
#coloumn1 .mtrl-text1 {
    min-height: 133px;
}
}
#Saphnelo-Materialen #coloumn1 .mtrl-text1 {
    
    padding: 10px 20px 0px;
}

@media screen and (min-width: 993px){
#coloumn2 .mtrl-text1 {
    min-height: 104px;
}
#coloumn4 .mtrl-text1 {
    min-height: 149px;
    padding: 10px 20px 30px;
}
#coloumn1 .mtrl-text1 {
    min-height: 155px;
}
}
@media screen and (min-width: 1920px){
#coloumn1 .mtrl-text1 {
    min-height: 110px;
}
}
@media screen and (max-width: 991px){
    p.headingtext {
   
    font-size: 38px !important;
    line-height: 44px !important;
   
}
#Saphnelo-Materialen .cmp-container__backgroundImage--enabled {
       height: 250px!important;
    aspect-ratio: 15/4;
    width: -webkit-fill-available;
}
#Saphnelo-Materialen .Bannerstyle1heading {

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

}
@media only screen and (min-width: 993px) and (max-width: 1600px){
#Saphnelo-Materialen .mtrl-heading1 {
    min-height: 80px;
}
#Saphnelo-Materialen #coloumn4 .mtrl-heading1 {
    min-height: auto;
}
#Saphnelo-Materialen #coloumn3 .mtrl-heading1 {
    min-height: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 600px){
#Saphnelo-Materialen span.cmp-button__text {
    margin-top: -57px;
}
}

#BrandHeader #header-wrapper2 #Menu ul li a:hover:after, #Saphnelo-home #header-wrapper2 #Menu ul li:first-child a:after, #Saphnelo-Werkingsmechanisme #header-wrapper2 #Menu ul li:nth-child(2) a:after, #Saphnelo-Effectiviteit #header-wrapper2 #Menu ul li:nth-child(3) a:after, #Saphnelo-Veiligheidsprofiel #header-wrapper2 #Menu ul li:nth-child(4) a:after, #SLEziekteinformatie #header-wrapper2 #Menu ul li:nth-child(5) a:after, #Saphnelo-Materialen #header-wrapper2 #Menu ul li:last-child a:after {
    width: 100%;
    background: #D0006F;
}

@media screen and (max-width: 1600px){
#Saphnelo-Materialen #BrandHeader-tez #header-wrapper2 #Menu ul li:nth-child(6) a:after {
     top: 5px; 
}
}





#Saphnelo-Effectiviteit #coloumn1 .azcl-column-par1:hover:after,
#Saphnelo-Effectiviteit #coloumn1 .azcl-column-par2:hover:after,
#Saphnelo-Effectiviteit #coloumn2 .azcl-column-par1:hover:after,
#Saphnelo-Effectiviteit #coloumn2 .azcl-column-par2:hover:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par1:hover:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par2:hover:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par3:hover:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par1:hover:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par2:hover:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par3:hover:after,
#Saphnelo-Materialen #coloumn3 .azcl-column-par1:hover:after,
#Saphnelo-Materialen #coloumn4 .azcl-column-par1:hover:after,
#Saphnelo-Materialen #coloumn4 .azcl-column-par2:hover:after,
#Saphnelo-Materialen #coloumn4 .azcl-column-par3:hover:after{
  width: 100%;
  background: #D0006F;
}
#Saphnelo-Effectiviteit #coloumn1 .azcl-column-par1:after,
#Saphnelo-Effectiviteit #coloumn1 .azcl-column-par2:after,
#Saphnelo-Effectiviteit #coloumn2 .azcl-column-par1:after,
#Saphnelo-Effectiviteit #coloumn2 .azcl-column-par2:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par1:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par2:after,
#Saphnelo-Materialen #coloumn1 .azcl-column-par3:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par1:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par2:after,
#Saphnelo-Materialen #coloumn2 .azcl-column-par3:after,
#Saphnelo-Materialen #coloumn3 .azcl-column-par1:after,
#Saphnelo-Materialen #coloumn4 .azcl-column-par1:after,
#Saphnelo-Materialen #coloumn4 .azcl-column-par2:after,
#Saphnelo-Materialen #coloumn4 .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;
}

#Saphnelo-Materialen .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;
}
#Saphnelo-Materialen .vraag-btn a:hover:after {
  width: 100%;
  background: black;
}
#Saphnelo-Effectiviteit .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;
}
#Saphnelo-Effectiviteit .vraag-btn a:hover:after {
  width: 100%;
  background: black;
}
p.headingtext {
    padding-top: 40px;
    font-size: 42px;
    line-height: 48px;
    font-family: 'Lexia-Italic';
    color: #00AECA;
    font-weight: 400;
}



#Saphnelo-Materialen .modal.cmp-modal__modalbox.modal-md.cmp-modal--defaultStyle.modal--visible.modal--overflow .modal-box {
    max-width: 1080px;
    margin: 0 auto;
}
#Saphnelo-Materialen p.modal_text {
    font-size: 18px;
    line-height: 22px;
    color: #003865;
    font-family: 'Lexia-Regular';
    padding-bottom: 25px;
    max-width: 900px;
}
#Saphnelo-Materialen p.modal_text a {
    color:#FF7F32;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Lexia-Regular';
}
#Saphnelo-Materialen .cmp-modal--defaultStyle .modal-box__content {
    padding: 3rem 3rem;
    padding: 20px;
}
#Saphnelo-Materialen .modal.cmp-modal__modalbox.modal-sm.modal--visible {
    background: #181616;
}
#Saphnelo-Materialen .modal.cmp-modal__modalbox.modal-sm.modal--visible .modal-box__content {
    max-width: 600px;
    margin: 0 auto;
    height: auto;
}
#Saphnelo-Materialen .cmp-modal__modalbox.modal-sm .modal-box {
    background: black;
}
#Saphnelo-Materialen .cmp-modal__modalbox.modal-sm .modal-box .modal-box .modal__close {
    right: 38% !important;
    top: 55px !important;
}
#Saphnelo-Materialen .modal__close svg * {
    /*color: white !important;*/
    color: black;
}

#Saphnelo-Materialen .cmp-modal__modalbox.modal-sm .modal-box {
    background: black;
    width: 50% !important;
}

#Saphnelo-Materialen .modal.cmp-modal__modalbox.modal--visible {
    display: grid;
    align-items: center;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(0px);
}

#Saphnelo-Materialen .modal-box {
    /*background: black;*/
    background: white;
    max-width: 900px;
    margin: 0 auto;
}
#Saphnelo-Materialen .modal-box .modal__close {
    right: 23px !important;
}









@media screen and (max-width:992px){
    #Saphnelo-Materialen #coloumn1 .mtrl-text1 {
    padding: 10px 20px 10px !important;
}
    p.headingtext {
    padding-top: 0px !important;
  
}
#Saphnelo-Materialen .modal-box {
        width: 80% !important;
    }
    /*#Saphnelo-Materialen .modal-box img.cmp-video__thumbnail {*/
    /*    height: 80%;*/
    /*}*/
    
    }
    
    
    
    
    
    
    
    
    
    @media screen and (max-width:540px){
    #Saphnelo-Materialen .cmp-modal--defaultStyle .modal__close svg *,
    #Saphnelo-Materialen span.modal__closeLabel {
        color: white;
    }
    #Saphnelo-Materialen .modal {
        display: flex;
    }
    }