#nascholingen_page #nas-hide{
    display:none;
}
#nascholingen_page{
    max-width:1920px;
    margin:0 auto;
}

#nascholingen_page #new_top .user:hover:after {
    display:none;
} 
#nascholingen_page .vergroot {
    font-size: 42px;
    color: #830051;
    line-height: 48px;
    font-family: 'Lexia-italic';
    font-style: italic;
    font-weight: 400;
}
#nascholingen_page .azontwin {
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
    color: #3C4242;
    font-family: 'Lexia-Regular';
}
#nascholingen_page .nascholingen {
    font-size: 15.4px;
    line-height: 22px;
    font-weight: 300;
    font-family: 'HelveticaNeue';
    color: #3C4242;
    margin-top: 35px;
}
#nascholingen_page .naarlink a{
    width: 227px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1C1C28;
    color: #1C1C28;
    font-size: 16px;
    line-height: 19px;
    font-family: Lexia-Italic;
    letter-spacing: 0.2px;
    transition: all 0.3s;
    margin-top: 45px;
    font-weight: 600;
}
#nascholingen_page #nascholingencontainer1 .azcl-column-par2 {
    background-color: #F8F8F8;
    padding: 20px 40px;
}

#nascholingen_page .heading1 {
    font-size: 23px;
    line-height: 29px;
    font-family: Lexia-Regular;
    color: #3C4242;
    /* padding-left: 20px; */
    /* margin-top: 25px; */
    /* font-family: le; */
}
div#nascholingencontainer1 li {
    font-size: 16px;
    font-family: 'Lexia-italic';
    font-weight: bold;
    font-style: italic;
    color: #3C4242;
    margin-top: 20px;
    /* margin-left: 20px; */
    margin-top: 35px;
    /* margin-right: 60px; */
    padding-left: 45px;
    position: relative;
    line-height: 19px;
}
div#nascholingencontainer1 li:first-child{
    width:98%;
}
div#nascholingencontainer1 li:nth-child(2){
    width:82%;
}
div#nascholingencontainer1 li:nth-child(3){
    width:63%;
}
div#nascholingencontainer1 li:nth-child(4){
    width:84%;
}
div#nascholingencontainer1 li:nth-child(5){
    width:79%;
}
div#nascholingencontainer1 li:last-child{
    width:82%;
}

#nascholingen_page .vergroot1 {
    font-size: 42px;
    color: #830051;
    line-height: 48px;
    font-family: 'Lexia-italic';
    font-style: italic;
    font-weight: 400;
}
div#boxsection1 {
    background-color: #FFFFFF;
    max-width: 1440px;
    margin: 0 auto;
    border: 1px solid #B2B4B4;
    box-shadow: -0.87px 0.5px 7px #00000040;
    margin-top: 20px !important;
        padding: 35px 30px;
    /* box-shadow: 5px 10px; */
}
#nascholingen_page .redheading {
    color: #D0006F;
    font-size: 23px;
    line-height: 29px;
    /*margin-left: 35px;*/
    
}
#nascholingen_page .boxtext {
    /* font-family: inherit; */
    font-family: 'HelveticaNeue';
    /*margin-left: 35px;*/
    margin-top: 20px;
}
/*#nascholingen_page .flex2 {*/
   
/*    margin-right: 5%;*/
/*}*/
/*.flex1 {*/
/*    width: 80%;*/
/*}*/
#nascholingen_page .mainbox {
    /*margin-top: 35px;*/
    /*margin-bottom: 35px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#nascholingen_page .leesmeer {
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1C1C28;
    color: #1C1C28;
    font-size: 16px;
    line-height: 19px;
    font-family: Lexia-Italic;
    letter-spacing: 0.2px;
    transition: all 0.3s;
    font-weight: 600;
}
#nascholingen_page .buttonsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    gap: 13px;
}
#nascholingen_page .buttonsection div a {
   
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1C1C28;
    color: #1C1C28;
    font-size: 16px;
    line-height: 19px;
    font-family: Lexia-Italic;
    letter-spacing: 0.2px;
    transition: all 0.3s;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
}
#nascholingen_page .buttontext {
    font-size: 16px;
    line-height: 19px;
    color: #830051;
    margin-top: 60px;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: Lexia-Italic;
}
#nascholingen_page .buttonsection div img {
    margin-left: 20px;
}
#nascholingen_page .naarlink img {
    margin-left: 20px;
}
#nascholingen_page .sike {
    display: none;
}
#nascholingen_page div#nascholingencontainer1 {
    margin-top: 50px;
    margin-bottom: 120px;
}

div#nascholingencontainer1 {
    max-width: 1440px;
    margin: 0 auto;
}
.nascholingen :nth-child(2) {
    margin-top: 30px;
}
#nascholingen_page #nascholingencontainer1 li::before {
    content: url(/content/dam/intelligentcontent/brands/azpro/nl/desktop/Stroke.png);
    background-color: #C4D600;
    border-radius: 100%;
    padding: 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    /* margin-right: 20px; */
    /* width: 100%; */
    /* display: inline-block; */
}

#nascholingen_page div#nascholingencontaine2 {
    max-width: 1440px;
    margin: 0 auto;
        margin-top: 86px;
    margin-bottom: 30px;
}
#nascholingen_page div#nascholingencontainer3 {
    max-width: 1440px;
    margin: 0 auto;
}
#nascholingen_page .Bannerstyle1heading {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
    font-family: Lexia-Italic;
    padding-left: 0px;
    max-width: 1440px;
    margin: 0 auto;
    /* margin-left: 8%; */
}
#nascholingen_page #nascholingencontainer1 .azcl-columns__base {
    display: grid;
    gap: 80px;
        grid-template-columns: 900px 480px;
    width: fit-content;
}
#nascholingen_page #nascholingencontainer1 .azcl-container {
    width: 100%;
     padding: 0 0px; 
    max-width: 1766px;
    margin: 0 auto;
}
#nascholingen_page div#nascholingencontainer4 {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 185px;
}
#nascholingencontainer4 .azcl-column-par2 {
    padding: 52px 0px 60px;
}
#nascholingencontainer4 .azcl-columns__base {
    display: grid;
    gap: 40px;
   
}
#nascholingen_page #nascholingencontainer4 .storyhead {
    font-size: 42px;
    line-height: 48px;
    color: #3C4242;
    font-weight: 400;
    font-style: italic;
}
#nascholingen_page #nascholingencontainer4 .storytext1 {
    padding-top: 20px;
    font-size: 23px;
    line-height: 29px;
    color: #3C4242;
}
#nascholingen_page #nascholingencontainer4 .storytext2 {
    font-size: 16px;
    line-height: 22px;
    color: #3C4242;
    font-weight: 300;
    padding-top: 20px;
    font-family: 'HelveticaNeue';
}
/*#nascholingen_page .button {*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/
/*    margin-top: 20px;*/
/*    font-weight: 600;*/
/*    border: 1px solid #28293D;*/
/*    color: #28293D;*/
/*    width: 168px;*/
/*    padding: 15px;*/
/*    font-family: Lexia-Italic;*/
/*}*/
/*#nascholingen_page #nascholingencontainer4 .button a{*/
/*    width: 168px;*/
/*    height: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border: 1px solid #1C1C28;*/
/*    color: #1C1C28;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/
/*    font-family: Lexia-Italic;*/
/*    letter-spacing: 0.2px;*/
/*    transition: all 0.3s;*/
/*    margin-top: 20px;*/
/*}*/
.storytext3 a {
    font-size: 14px;
    color: #D0006F;
    line-height: 22px;
    font-family: HelveticaNeue;
    text-decoration: underline;
    /* padding-top: 30px; */
}
.storytext3{
    padding-top:30px;
}
/*#nascholingen_page #nascholingencontainer4 .azcl-container img{*/
/*        min-height: 510px;*/
/*}*/
#nascholingen_page .azontwin {
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
    color: #3C4242;
    font-family: 'Lexia-Regular';
    padding-top: 25px;
}
.mainbox a img {
    padding-left: 20px;
}

div#nascholingencontainer4 a img {
    padding-left: 20px;
    position: relative;
    bottom: 4px;
}
#nascholingencontainer4 .azcl-container {
    padding: 0;
}
#nascholingen_page div#content {
    margin-top: 52px;
    margin-left: 10px;
}
#nascholingen_page .head {
    color: #3C4242;
    font-size: 42px;
    line-height: 48px;
    font-weight: 400;
    font-family: Lexia-Italic;
}
#nascholingen_page .subhead {
    color: #3C4242;
    font-size: 23px;
    font-weight: 300;
    line-height: 29px;
    margin-top: 20px;
    font-family: Lexia-Regular;
}
#nascholingen_page .sub {
    font-size: 15.5px;
    line-height: 22px;
    font-weight: 300;
    color: #3C4242;
    margin-top: 20px;
    font-family: HelveticaNeue;
}
/*#nascholingen_page .button {*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/
/*    font-style: italic;*/
/*    margin-top: 20px;*/
/*    font-weight: 600;*/
/*    border: 1px solid #28293D;*/
/*    color: #28293D;*/
/*    width: 168px;*/
/*    padding: 15px;*/
/*}*/
#nascholingen_page .button a {
    text-decoration: none;
    color: #28293D;
}
#nascholingen_page .element {
    margin-top: 20px;
}
#nascholingen_page .element a {
    color: #D0006F;
    text-decoration: underline;
    font-size: 14px;
    line-height: 22px;
    font-family: HelveticaNeue;
}
#nascholingen_page .naarlink a:hover,
#nascholingen_page .flex2 a:hover,
#nascholingen_page .buttonsection div a:hover,
#nascholingen_page .button:hover{
    border-color: #D8DFDE;
}
#nascholingen_page .naarlink a:hover:after{
    background: #28293D;
    content: "";
    width: 23%;
    left: 11px;
    bottom: 10px;
    height: 2px;
    position: absolute;
    transition: all 0.3s;
}
#nascholingen_page .flex2:hover:after {
    background: #28293D;
    content: "";
    width: 187px;
    /* left: 15px; */
    bottom: 10px;
    height: 2px;
    position: absolute;
    transition: all 0.3s;
}
#nascholingen_page .flex2:hover:after {
    background: #28293D;
    content: "";
    width: 9%;
    /* left: 15px; */
    bottom: 21px;
    right: 17px;
    height: 2px;
    position: absolute;
    transition: all 0.3s;
}
#nascholingen_page #text-2668bfbf32 .flex2:hover:after,
#nascholingen_page #text-3eac32c028 .flex2:hover:after{
    top:50px;
    width:9%;
}

#nascholingen_page .buttonsection a:hover:after {
    background: #28293D;
    content: "";
    width: 15%;
    /* left: 15px; */
    bottom: 12px;
    /* right: 27px; */
    height: 2px;
    position: absolute;
    transition: all 0.3s;
}
#nascholingen_page .buttonsection div:nth-child(3) a:hover:after{
    width:10%;
}
#nascholingen_page .buttonsection div:nth-child(4) a:hover:after{
    width:7%;
}
#nascholingen_page .buttonsection div:nth-child(5) a:hover:after{
    width:8%;
}
#nascholingen_page .buttonsection div:nth-child(6) a:hover:after,
#nascholingen_page .buttonsection div:last-child a:hover:after
{
    top: 37px;
    width: 7.8%;
}
#nascholingen_page .buttonsection div:last-child a:hover:after{
    width: 11.6%;
}
/*#nascholingen_page .button a:hover:after {*/
    /*background: #28293D;*/
/*    content: "";*/
/*    width: 24%;*/
/*    left: 10px;*/
/*    bottom: 56px;*/
    /* right: 27px; */
/*    height: 2px;*/
/*    position: absolute;*/
/*    transition: all 0.3s;*/
/*}*/
#nascholingen_page #nascholingencontainer4 .azcl-container img {
    min-height: auto !important;
}
#nascholingen_page a#loginHeader span {
    /*font-size: 18px;*/
    /*line-height: 24px;*/
    /*color: #3C4242;*/
    /*height: 100%;*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 18px;*/
    /*right: 2px;*/
    /*font-family: 'Lexia-Regular';*/
    /*font-weight: 300;*/
}
#nascholingen_page #container-a9094e2cd7 .button.aem-GridColumn.aem-GridColumn--default--12 {
    border: none;
}
/*#nascholingen_page #loginHeader .button a:after{*/
/*    display: none !important;*/
/*}*/
#nascholingen_page #loginHeader .button a:hover:after {
    display: none !important;
}

/*#nascholingen_page a#loginHeader span:hover:after {*/
/*    width: 100%;*/
/*    background: #D0006F;*/
/*    content: '';*/
/*    display: block;*/
/*    margin: auto;*/
/*    height: 4px;*/
/*    transition: width .5s ease, background-color .5s ease;*/
/*    transform: translate(0px, 12px);*/
/*}*/
/*#nascholingen_page a#loginHeader span:hover:after{*/
/*    display:none !important;*/
/*}*/

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

div#nascholingencontainer1 {
        max-width: 1140px !important;
    margin: 0 auto;
}
div#nascholingencontaine2 {
       max-width: 1140px !important;
    margin: 0 auto;
}
div#nascholingencontainer3 {
       max-width: 1140px !important;
    margin: 0 auto;
}
div#nascholingencontainer4 {
        max-width: 1140px !important;
    margin: 0 auto;
}
div#boxsection1 {
    background-color: #FFFFFF;
       max-width: 1140px !important;
    margin: 0 auto;
    border: 1px solid #1C1C28;
    box-shadow: -0.87px 0.5px 7px #00000040;
    margin-top: 20px !important;
    padding: 35px 30px;
    /* box-shadow: 5px 10px; */
}
#nascholingen_page #nascholingencontainer1 .azcl-columns__base {
    display: grid;
    gap: 50px !important;
    grid-template-columns: 850px 420px !important;
    width: fit-content;
}

}
@media screen and (max-width:1600px){

div#nascholingencontainer1 {
        max-width: 1320px !important;
    margin: 0 auto;
}
div#nascholingencontaine2 {
        max-width: 1320px !important;
    margin: 0 auto;
}
div#nascholingencontainer3 {
        max-width: 1320px !important;
    margin: 0 auto;
}
div#nascholingencontainer4 {
        max-width: 1320px !important;
    margin: 0 auto;
}
div#boxsection1 {
    background-color: #FFFFFF;
        max-width: 1320px !important;
    margin: 0 auto;
    border: 1px solid #1C1C28;
    box-shadow: -0.87px 0.5px 7px #00000040;
    margin-top: 20px !important;
    padding: 35px 30px;
    /* box-shadow: 5px 10px; */
}
#nascholingen_page #nascholingencontainer1 .azcl-columns__base {
    display: grid;
    gap: 50px !important;
    grid-template-columns: 850px 420px !important;
    width: fit-content;
}
#nascholingen_page #nascholingencontainer4 .azcl-container img {
    min-height: auto !important;
}
}
#nascholingen_page .button a:hover {
    border-color: #D8DFDE;
}
#nascholingen_page #nascholingencontainer4 .button a:after {
    content: "";
    width: calc(100% - 550px);
    left: 5px;
    bottom: 55px;
    height: 2px;
    position: absolute;
    transition: all 0.3s;
}


/*1440px screen*/
@media screen and (max-width:1600px){
    div#nascholingencontainer1 li {
        width: 100% !important;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 46px;
        width: 9%;
        right: 23px;
    }
    #nascholingen_page .flex2:hover:after{
        bottom: 38px;
        right: 23px
    }
    #nascholingen_page .buttonsection a:hover:after{
        bottom: 5px;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 12%;
        bottom: 12px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 8%;
        bottom: 12px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 10%;
        bottom: 13px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after, #nascholingen_page .buttonsection div:last-child a:hover:after {
        top: 37px;
        width: 8%;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 11.6%;
        top: 43px;
    }
    /*container width: 1320px*/}
    
    /*As per the standard added the below media query*/
@media screen and (max-width:1367px){
    #nascholingen_page .naarlink a:hover:after{
        width: 26%;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 56px;
        width: 10%;
        right: 28px;
    }
    #nascholingen_page .flex2:hover:after {
        bottom: 50px;
        right: 28px;
        width: 10%;
    }
    #nascholingen_page .buttonsection a:hover:after {
        bottom: 75px;
        width: 20%;
    }
    #nascholingen_page .buttonsection div:nth-child(2) a:hover:after {
        width: 19%;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 14%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 9%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 11%;
        bottom: 74px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after{
        top: 100px;
        width: 10%;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 14.6%;
        top: 99px;
    }
    #nascholingen_page .subhead,
    #nascholingen_page .sub,
    #nascholingen_page .button,
    #nascholingen_page .element{
        margin-top: 5px;
    }
    #nascholingen_page #nascholingencontainer4 .azcl-column-par2 {
        display: flex;
        align-items: center;
        position: relative;
        top: 23px;
    }
    #nascholingen_page div#malp img {
        width: 100%;
        height: 450px;
    }
    #nascholingen_page .boxtext{
        max-width:820px;
    }
    /*#nascholingen_page .button a:hover:after {*/
    /*width: 131px;*/
    /*bottom: 43px;*/
    /* right: 27px; */
    /*}*/
    #nascholingen_page #loginHeader .button a:hover:after {
        display: none !important;
    }
}
/*1366px screen*/
@media screen and (max-width:1366px){
    /*container width: 1140px*/
    #nascholingen_page #nascholingencontainer1 .azcl-columns__base {
        grid-template-columns: 750px 340px !important;
    }
    #nascholingen_page .buttonsection {
        flex-wrap: wrap;
        justify-content: start;
    }
    #nascholingencontainer4 .azcl-column-par2 {
        padding-top: 0px;
    }
}
    
/*iPad Landscape*/
@media screen and (max-width:1200px){/*container width: 960px*/
    #nascholingen_page #nascholingencontainer1 .azcl-columns__base {
        grid-template-columns: 590px 300px !important;
    }
    #nascholingen_page .naarlink a:hover:after {
        width: 34%;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 71px;
        width: 12%;
        right: 28px;
    }
    #nascholingen_page .flex2:hover:after {
        bottom: 50px;
        right: 28px;
        width: 12%;
    }
    #nascholingen_page #text-3eac32c028 .flex2:hover:after{
        top: 55px;
        width: 12%;
        right: 28px;
    }
    #nascholingen_page .buttonsection a:hover:after {
        bottom: 75px;
        width: 24%;
    }
    #nascholingen_page .buttonsection div:nth-child(2) a:hover:after {
        width: 22%;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 16%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 11%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 13%;
        bottom: 13px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after {
        top: 100px;
        width: 12%;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 17.6%;
        top: 99px;
    }
}

/*iPad Portrait & Mobile Landscape*/
@media screen and (max-width:992px){/*container width: 720px*/
    #nascholingen_page #nascholingencontainer1 .azcl-columns__base {
        grid-template-columns: 1fr !important;
    }
    #nascholingencontainer4 .azcl-columns__base {
        grid-template-columns: 1fr;
    }
    #nascholingen_page .naarlink a:hover:after {
        width: 28%;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 82px;
        width: 17%;
        right: 28px;
    }
    #nascholingen_page .flex2:hover:after {
        bottom: 74px;
        right: 28px;
        width: 17%;
    }
    #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 81px;
        width: 17%;
        right: 28px;
    }
    #nascholingen_page .buttonsection a:hover:after {
        bottom: 138px;
        width: 32%;
    }
    #nascholingen_page .buttonsection div:nth-child(2) a:hover:after {
        width: 30%;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 22%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 15%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 18%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after {
        top: 100px;
        width: 16%;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 24%;
        top: 162px;
    }
}

/* Mobile Landscape */
@media screen and (max-width:767px){/*container width: 540px*/
    #nascholingen_page .mainbox {
        flex-wrap: wrap;
        gap: 15px;
    }
    #nascholingen_page div#container-9d6e14ddfd {
    padding: 0 20px;
    }
    #nascholingen_page .Bannerstyle1heading{
        display: none;
    }
    #nascholingen_page div#nascholingencontainer1 {
        margin-top: 35px;
    }
    #nascholingen_page .vergroot{
        font-size: 26px;
        line-height: 36px;
    }
    #nascholingen_page .azontwin{
        padding-top: 25px;
    }
    #nascholingen_page .nascholingen{
        margin-top: 40px;
    }
    #nascholingen_page .nascholingen{
        font-size: 15px;
    }
    #nascholingen_page .naarlink a{
        margin-top: 40px;
    }
    #nascholingen_page .naarlink a {
        width: 225px;
        height: 52px;
    }
    div#nascholingencontainer1 li:nth-child(3) {
        width: 86% !important;
    }
    div#nascholingencontainer1 li{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nascholingen_page .heading1{
        margin-bottom: 40px;
    }
    #nascholingen_page #nascholingencontainer1 li:first-child::before,
    #nascholingen_page #nascholingencontainer1 li:nth-child(2)::before,
    #nascholingen_page #nascholingencontainer1 li:nth-child(5)::before,
    #nascholingen_page #nascholingencontainer1 li:last-child::before{
        top: 15px;
    }
    #nascholingen_page #nascholingencontainer1 li:nth-child(3)::before,
    #nascholingen_page #nascholingencontainer1 li:nth-child(4)::before{
        top: 5px;
    }
    #nascholingen_page .vergroot1 {
        font-size: 26px;
        line-height: 36px;
    }
    #nascholingen_page div#nascholingencontaine2 {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    #nascholingen_page .redheading {
        font-size: 22.9px;
    }
    #nascholingen_page .subhead {
        margin-top: 30px;
    }
    #nascholingen_page .head {
        font-size: 26px;
        line-height: 36px;
    }
    #nascholingencontainer4 .azcl-column-par2 {
        padding-bottom: 100px;
    }
    #nascholingen_page div#nascholingencontainer4 {
        margin-bottom: 0;
    }
    #nascholingen_page .naarlink a:hover:after {
        width: 38%;
        left: 17px;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 194px;
        width: 25%;
        right: 0;
        left: 24px;
    }
    #nascholingen_page .flex2:hover:after {
        bottom: 14px;
        right: 0;
        width: 25%;
        left: 24px;
    }
    #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        width: 25%;
        right: 0;
        bottom: 0;
        left: 24px;
    }
    #nascholingen_page .buttonsection a:hover:after {
        bottom: 138px;
        width: 44%;
    }
    #nascholingen_page .buttonsection div:nth-child(2) a:hover:after {
        width: 41%;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 30%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 21%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 24%;
        bottom: 75px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after {
        top: 162px;
        width: 22%;
        bottom: 0;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 33%;
        top: 162px;
    }
}

/* Mobile Portrait: website structure should be as per the mobile design */
@media screen and (max-width:540px){/*container width: 100%*/
    
    #nascholingen_page #nascholingencontainer1 .azcl-column-par2 {
        padding: 20px;
        max-width: 345px;
        margin: 0 auto;
        padding-bottom: 0;
    }
    #nascholingen_page #nascholingencontainer1 li:nth-child(2){
        width:94%!important;
    }
    #nascholingen_page #nascholingencontainer1 li:nth-child(3){
        width:83% !important;
    }
    div#nascholingencontainer1 li:nth-child(5) {
        width: 98% !important;
    }
    div#nascholingencontainer1 li:last-child {
        width: 97% !important;
    }
    #nascholingen_page div#nascholingencontainer4{
        max-width: 345px !important;
        margin: 0 auto;
    }
    #nascholingen_page .naarlink a:hover:after {
        width: 192px;
        left: 17px;
    }
    #nascholingen_page #text-2668bfbf32 .flex2:hover:after, #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        top: 275px;
        width: 110px;
        right: 0;
        left: 24px;
    }
    #nascholingen_page .flex2:hover:after {
        bottom: 14px;
        right: 0;
        width: 110px;
        left: 24px;
    }
    #nascholingen_page #text-3eac32c028 .flex2:hover:after {
        width: 110px;
        right: 0;
        bottom: 0;
        left: 24px;
        top: 244px;
    }
    #nascholingen_page .buttonsection a:hover:after {
        bottom: 0;
        top: 36px;
        width: 230px;
    }
    #nascholingen_page .buttonsection div:nth-child(2) a:hover:after {
        width: 211px;
        top: 99px;
        bottom: 0;
    }
    #nascholingen_page .buttonsection div:nth-child(3) a:hover:after {
        width: 150px;
        bottom: 0;
        top: 162px;
    }
    #nascholingen_page .buttonsection div:nth-child(4) a:hover:after {
        width: 100px;
        bottom: 0;
        top: 162px;
    }
    #nascholingen_page .buttonsection div:nth-child(5) a:hover:after {
        width: 120px;
        bottom: 0;
        top: 225px;
    }
    #nascholingen_page .buttonsection div:nth-child(6) a:hover:after {
        top: 225px;
        width: 107px;
        bottom: 0;
    }
    #nascholingen_page .buttonsection div:last-child a:hover:after {
        width: 166px;
        top: 288px;
        bottom: 0;
    }
    
}

/* optional: if you found any issue in the mobile landscape use this below media
query */
@media only screen and (orientation: landscape) and (max-width: 991px) {
/*your css*/}