@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 


}


@media (min-width: 1400px) {
 
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1350px !important;
    }
}

.container.container-large {
      max-width:1599px !important;
}

@media (min-width: 768px) {
 
   a.mobile-more-items {
       display:none;
   }
}

@media (max-width:1580px) {
    
   .block-hero .hero-img:before {
        
      background-size: cover;
   } 
   .block-hero .hero-img-wrapper {
    
        width: 630px;
        height: 766px;
   } 
    
    
}



/* mobile breakpoint */
@media (max-width:1399px) {
     
    
    
    main.content-page.no-intro .the-content-wrapper {
    
        max-width: 600px;
    
    }
    
    .block-hero.single .the-intro {
        
        max-width: 600px;
        
    }    
    
    .block-nieuwsbrief.for-default-page .c2 {
        padding-right:80px;
    }    
        
   .card-usps {

        padding: 40px 0;
        gap: 60px; /* Dit is je vaste tussenruimte */
    } 
    
    .card-usps .card-usps__item:not(:last-child)::after {
       
        right: -30px;    
    }
   
    a.button span {
            font-size:15px;
            
    }
    
    .default-a a:not(.button).forgot {
        font-size:13px;
    }
    
    input, select, textarea, .select-field.eyee-form-field select, .eyee-custom-select__text, .eyee-custom-select__label {
        font-size:13px;
    }

    
    .select-field-farce .select-farce-trigger {
       
        height:50px;

        font-size: 13px;
     
    }
    
    .select-field.expanded .select-trigger {
        font-size: 13px;
        height: 50px;
    }
    
    .select-field.expanded .select-dropdown-title {
        font-size:15px;
        
    }
    
    .button span {
    
        padding: 9px 28px;
    }
    
    .block-hero-custom-a h1 {
        font-size: 49px;
        
    }
    
    .block-hero-custom-a h2 {
        font-size: 28px;
    }
    
    .filter-wrapper.is-fixed {
        
        top: 160px; 
       
    }  
    
    .card-type-a {
       padding: 30px;
    }  
    
    .card-scheduled-training:not(.b) {
    
        padding: 25px;

        display: grid;
        grid-template-columns: auto 1fr;
        gap: 20px;
        row-gap:10px;
        
        align-items: start;
    }

    .card-scheduled-training .training-date-badge {
        grid-row: 1 / span 2;
    }

    .card-scheduled-training .infos {
        width: 100%;
        min-width: 0;
    }

    .card-scheduled-training .action-b {
        margin-top: 10px;
    }
    

    .single .block-hero h1, .tax-training_category .block-hero h1 {
        font-size:49px;
        line-height: 64px;
    }    
}



@media (max-width:1333px) {
    
    .block-hero-2 {
        padding-top:135px;
    }
    
    
    .filter-wrapper.is-fixed {
        
        top: 132px;
    }
    
   .block-hero .hero-img:before {
        
      background-size: cover;
      
   } 
   
   .block-hero .hero-img {
       background-position: -60px;
   }
   
   .block-hero .hero-img-wrapper {
        width: 530px;
        height: 700px;
    }
    
    .block-hero .intro {
        max-width: 480px;
        
    }
    
    h1 {
        font-size: 50px;
        line-height: 55px;
    }
    
    h2 {
        font-size: 35px;
        line-height: 48px;
    }
    
    main h3 {
        font-size: 21px;
        line-height: 34px;        
    }
        
    .block-hero {
      padding-top: 135px;
    }
    
    .block-hero h2 {
        
        font-size: 22px;
        line-height: 45px;
        
    }  
    
    .block-hero p {
        
        font-size: 16px;
        line-height: 34px;
    }  
    
    .accr ul li {
       font-size: 15px;
       
    }
    
    .accr ul {
        gap:28px;
    }
    
    
    .filter-results-wrapper {
        padding: 40px 35px;
    }
    
     .app-breadcrumbs {
        
        top: -20px !important;
    }       
}



@media (max-width:1199px) {
    
    .card-informatie .bg-c {
        padding-left:30px;
    }
    
    .card-informatie .bg-c .icon-a {
        
        scale:90%;
    }
    
    .filter-card.agenda-global-filter {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .filter-card.agenda-global-filter > .field {
        width: calc(50% - 10px);
    }

    .filter-card.agenda-global-filter > .field:last-child {
        width: 100%;
    }
    
    .filter-card.agenda-global-filter .select-field.expanded .custom-select {
        width: auto;
    }    
    
    .block-locatie-details .c2 {
        padding-left: 45px;
    }    
        
    .block.padding.padding-2 {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    
    .search-card {
        width:100%;
        margin:0;
    }
    
    .space-top-c {
        margin-top: 70px;
    }    
    
    .card-article-more a.read-article {
        opacity: 1 !important;
    }
        
     .block-nieuws-uitgelicht-bericht .c2 {
       
        padding-left: 25px;
    }
   
    .block-hero-2 {
      padding-top: 135px;
      
    }
    
   .card-usps {

        padding: 35px 0;
        gap: 30px; /* Dit is je vaste tussenruimte */
    } 
    
    .card-usps .card-usps__item:not(:last-child)::after {
       
        right: -15px;    
    }
    
    .card-usps .card-usps__item span {
        font-size:15px;
    }
    
    .card-usps .card-usps__item {
        
        gap: 11px;
    }
    
    .card-usps .card-usps__item:not(:last-child):after {
        display:none;
    } 
        
       
    
    
   .block-hero .hero-img {
       background-position: -122px;
   }
       
    .block-hero .hero-img-wrapper {
        width: 400px;
        height: 590px;
    } 
    
    .block-hero .txt {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .block-hero .btns {
   
       margin-bottom: 50px;
    }
    
    .card-type-a {
        padding: 30px;
    }
    
    .block.padding {
        padding-top: 75px;
        padding-bottom: 75px;
    }
        
    .block.padding-top {
       padding-bottom: 75px;
    }
    
        
    .block.padding-bottom {
       padding-bottom: 75px;
    }

    .block-hero + .block {
        padding-top: 55px;
    }
    
    .logo-card {
       padding: 15px 15px;
    
    }
    
    footer .footer-sec {
        
       font-size:14px;   
    }
    
 
    
    .card-training .outer-wrapper {
        padding: 25px 25px;
    }
 
    .card-training .details {
     
        gap: 10px;
        
        flex-direction: column;
    }
    
    .filter-results-wrapper {
        padding: 0px 0px;
    }
    
    .block-hero-custom-a {
        min-height: 725px;
    }
    
    .app-breadcrumbs {
        
        top: -20px !important;
    }   
    
   .row-card-type-a {
        row-gap: 25px;
    }  
    
    .block-hero.single .intro {
        max-width: 530px;
    }   
        
}

@media (max-width:1060px) {
    
    .block-hero.single .the-intro {
        max-width: 530px;
    }
    
    main.content-page.no-intro .the-content-wrapper {
    
        max-width: 550px;
    
    }
}

@media (max-width:991px) {
    
.stappenlijn-content h3 {
   
    font-size: 18px; 
}   
    
    .card-callback {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    
    .card-border {
        padding:30px;
        padding-left:20px;
        padding-right:20px;
    }
    
    .card-callback .icon-a {
        scale:90%;
    }

    .card-callback .txt {
        text-align:center;
    }
 
    .card-callback a.button {
        margin-left: 0;
    }
        
    main.content-page.no-intro .the-content-wrapper {
    
        max-width: 100%;
    
    }  
    .block-hero.single .the-intro {
        padding-bottom:30px;
    }
    
    .block-hero.single .the-intro,  .block-hero.single .intro {
        max-width: 100%;
    }    
    
    .card-scheduled-training.b h4 + .infos2 {
        display:none;
    }
    
    .infos2-mobile {
        display:flex !important;
        flex-direction:column;
    }
    
    .block-nieuwsbrief.for-default-page .c1 {
        order:-1;
        margin-bottom:30px;
    }
    
    .block-nieuwsbrief.for-default-page .c2, .block-nieuwsbrief.for-default-page .c1 {
        padding-right:15px;
        
        width:100%;
    }    
          
    
   .block-locatie-details .c2 {
        padding-left: 15px;
        margin-top:30px;
    }
    
    .icon-detail-simple .circle-info {
      width: 38px;
      height: 38px;
      background-size:15px !important;
    }  
    
    .filter-bar-p.category-posts-filter .buttons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .filter-bar-p .buttons a span {
        font-size:14px;
    }

    .filter-bar-p.category-posts-filter .buttons a {
        width: 100%;
        text-align: center;
        min-height: 56px;
        

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filter-bar-p.category-posts-filter .buttons a.sort {
        grid-column: 1 / -1;
        min-height: auto;
        padding-top: 8px;
    }
    
    .block-nieuws-uitgelicht-bericht .c2 {

        padding-left: 15px;
    }
    
    .block-nieuws-uitgelicht-bericht .c1 {
        padding-bottom:30px;
    }
    
    .block-nieuws-uitgelicht-bericht .c1 img {
        
        height: 248px;
        
    }    
    
    .card-usps {
        padding:40px;
        flex-direction:column;
        
    }
    
    .padding-right-text {
        padding-right: 15px;
    }
    
    .block-hero .hero-img-wrapper {
        position: inherit;
        width:calc(100% - 40px);
        height:285px;
        
        margin-left:20px;
        margin-right:20px;
        
    }
    
    .block-hero .hero-img:before {
        display:none;
    }
    
    .block-hero .hero-img {
        background-position: center;
        position: inherit;
        right:auto;
        border-radius:20px;
        
    }
    
 
    .card-type-b {
        gap:20px;
    }
    
    footer .c3, footer .c4, footer .row-slogan {
        margin-top:35px;
        top:0;
    }
    
    footer .row-slogan .c {
        text-align:center;
    }
    
    footer .row-slogan h3 {
        font-size:28px;
    }
    
    footer .block.padding {
       padding-bottom: 45px;
    }
    
    footer .footer-sec {
        flex-direction: column;
        gap: 20px;
    }
    
    .footer-sec .bottom-links {
      order:-1;
    }
    
    .row-gap-40 {
        row-gap: 20px;
    }
    
    .block-hero-custom-a .hero-img-wrapper {
        display:none;
    }
    

    
    .block-hero .search-wrapper {
        margin-top:35px;
    }
    
    .block-hero-custom-a {
        min-height: auto;
        padding-bottom:50px;
    }
    
    .info-wrapper-a {
        display: grid;
        grid-template-columns: repeat(2, minmax(130px, 1fr));
        justify-content: center;
        row-gap: 20px;
    }

    .info-wrapper-a .item-info {
        padding: 0 20px;
    }

     .info-wrapper-a .item-info:not(:last-child)::after { display:none; }

    
    
    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details {
        grid-template-columns: repeat(2, 1fr);
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li {
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li:nth-child(2n) {
        border-right: 0;
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li:last-child {
        border-bottom: 0;
    }    
        
}




@media (max-width:767px) {

    .button span {

        font-size: 16px;
        line-height: 25px;    
    }   
        
    .stappenlijn-wrapper {
        display: block;
        max-width: 100%;
        padding: 10px 0 20px;
        position: relative;
    }

    /*
     * Doorlopende verticale lijn achter de bolletjes
     *
     * .stappenlijn-top = 60px breed
     * middelpunt = 30px
     */
    .stappenlijn-wrapper::before {
        content: "";
        position: absolute;
        top: 28px;
        bottom: 48px;
        left: 30px;
        width: 1px;
        background: #B8A9FF;
        z-index: 0;
    }

    .stappenlijn-item {
        display: flex;
        align-items: flex-start;
        text-align: left;
        min-height: 100px;
        position: relative;
    }

    /*
     * Desktop horizontale lijn uitschakelen
     */
    .stappenlijn-item::after {
        display: none;
    }

    /*
     * Kolom voor bolletje
     */
    .stappenlijn-top {
        width: 60px;
        min-width: 60px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

    /*
     * Alle bolletjes op mobiel dezelfde maat
     */
    .stappenlijn-number,
    .stappenlijn-wrapper .stappenlijn-item:first-child .stappenlijn-number,
    .stappenlijn-wrapper .stappenlijn-item:not(:first-child) .stappenlijn-number,
    .stappenlijn-wrapper .stappenlijn-item:not(:first-child):hover .stappenlijn-number {
        width: 36px;
        height: 36px;
        margin: 0;
        flex-shrink: 0;
        position: relative;
        z-index: 2;
    }

    /*
     * Oude verticale lijnen van desktop uitschakelen
     */
    .stappenlijn-number::after,
    .stappenlijn-wrapper .stappenlijn-item:first-child .stappenlijn-number::after,
    .stappenlijn-wrapper .stappenlijn-item:not(:first-child) .stappenlijn-number::after,
    .stappenlijn-wrapper .stappenlijn-item:not(:first-child):hover .stappenlijn-number::after {
        display: none;
    }

    /*
     * Content rechts van het bolletje
     */
    .stappenlijn-content {
        margin-top: 4px;
        padding: 0 15px 30px 12px;
        flex: 1;
    }

    .stappenlijn-content h3 {
        font-size: 21px;
        margin: 0 0 5px;
    }

    .stappenlijn-description {
        font-size: 14px;
    }

    
    
    
    
  
    
   
    blockquote {
        padding:25px;
    
       
    }    
    
    
   .row-header-shop .c2 {
    bottom: 16px;
   }
   
    .block-hero-2.block-hero-shop {
  
        padding-bottom: 45px;
    } 
      
    .row-header-shop {
        
        bottom: -25px;
    }      
  
    .row-header-shop .c1 img {
        width:100px;
        height:auto;
    }
      
      
  .shop-header-top-info {
        align-items: flex-end;
        justify-content: flex-start;
        gap: 10px;
        
        flex-direction: column;
    }
     
      h3.large {
        font-size: 23px;
        line-height: 33px;
    } 
    
    .card-scheduled-training.b {
        padding: 25px;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 20px;
        row-gap: 10px;
        align-items: start;
        padding-bottom:15px;
    }
    

    .card-scheduled-training.b .action-b a.button {
        width:100%;
        text-align:center;
    }
    
    .row-agenda-results .items-wrapper {
       padding-bottom: 25px;
    }

    .filter-card.agenda-global-filter > .field {
        width:100% !important;
    }
    
    .row-agenda-results .filter-bar-p h2 {
        display:none;
    }
    
    .block.padding.padding-2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }   
    
    .info-wrapper-a .item-info {
        padding: 0px;
    }   
    
    .info-wrapper-a {
  
        grid-template-columns: repeat(2, minmax(80px, 1fr));
        
        row-gap: 10px;
        width:calc(100% - 110px);
        margin:auto;
        margin-top:25px;
    }   
    
    /* Laatste item verbergen */
    .info-wrapper-a .item-info:last-child {
        display: none;
    }
    
    
    

    /* Derde item volle breedte */
    .info-wrapper-a .item-info:nth-child(3) {
        grid-column: 1 / -1;
    }
    
    .info-wrapper-a span:before {
        opacity:0.5;
        scale:0.8;
    }    
    
    .block-hero .hero-img-wrapper {
        
        height:185px;
    }  
    
    .block-hero .btns {
        
       flex-direction: column;
    } 
    
    .block-hero .btns a.button {
        width:max-content;
    } 
    
    main p, main a, main span, a.button span {
       font-size:14px;   
    }
    
    .button span {
        padding: 7px 28px;
    }
    
    .block-hero p, main p, .accr ul li {
        font-size: 14px;
        line-height: 25px;
    }
    
    .block-hero .accr {
        display:none;
    }
    
    h1 {
        font-size: 40px;
        line-height: 48px;
    }
    
    h2 {
        font-size: 22px;
        line-height: 34px;
    }
    
    main h3 {
        font-size: 16px;
        line-height: 20px;
    }  
    
    h4 {
        font-size: 14px;
        line-height: 25px;
        
    }      
    
    .block-hero, .block-hero-2 {
        padding-top: 92px;
    }
    
   
    .block-hero h2, .block-hero-title h2 {
        
        font-size: 17px;
        line-height: 30px;
        
    }
    
    .block-hero-2 {
        height:auto;
        padding-bottom:85px;
    }
    
    .block-hero-2 .app-breadcrumbs + div.intro {
        margin-top: 45px;
    }
        
    .block-hero-title h1 {
        font-size: 34px;
        line-height: 43px;
    }  
    
    .block-hero p {
        
        font-size: 14px;
        line-height: 25px;
    }   
    
    .block-hero .btns {
        margin-bottom: 40px;
    } 
    
    .block.padding-bottom {
        padding-bottom: 45px;
    } 
    
    .block.padding-top {
        padding-bottom: 45px;
    }  
    
    .block.padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }        
    
    .block-hero + .block {
        padding-top: 45px;
    }
    
    .card-type-a {
       padding: 20px;
       padding-bottom:10px;
       
    }
    
    .row-card-type-a {
       gap: 20px; 
    }
    
    .card-type-a .icon {
         width: 35px;
         height: 35px;
         margin:0;
         position: relative;
         top:-7px;
    }
    
    .card-type-a h3 {
        margin:0;
        padding-right:35px;
    }
    
    .card-type-a .icon img {
        width: 66%;
         height: auto;
    }
    
    .card-type-a a.button {
        display:none;
    }
    
    .card-type-a .icon-wrapper {
        position: relative;
        display:flex;
        align-items:flex-start;
        gap:5px;
        margin-bottom:8px;
        width:100%;
    }
    
    .card-type-a .icon-wrapper:after, .card-type-b:before {
        content:'';
        position: absolute;
        right:5px;
        top:4px;
        
        width:12px;
        height:12px;
        background-image:url('../images/icon-arrow-right-blauw.svg');
        background-size:cover;
    }
    
    .no-hovers .card-type-a .icon-wrapper:after, .no-hovers .card-type-b:before {
      display:none;   
    }
    
    .card-type-b:before {
        top:0;
        bottom:0;
        margin:auto;
        right:20px;
        
    }
    
    .card-type-b:hover::after {
        display:none;
    }
    
    .space-top-a {
        margin-top: 25px;
    }
    
    .block-large .intro-text:not(.intro-text-left) {
        text-align:center;
    }
    
    .card-type-b {
        gap:15px;
        padding: 20px 20px;
        align-items: flex-start;
    }
    
    .card-type-b .txt {
        padding-right:20px;
    }
    
    .card-type-b img {
        
        top:0px;
    }
    
    .card-type-b h3 {
        margin-bottom:5px;
    }
    
    .block-large .container {
        padding-left: 20px;
        padding-right: 20px;
    }  
    
    .logo-card img {
      max-width: 90%;
    }
    
    .row-card-type-b {
        gap:25px;
        
    }  
    
    .space-top-b {
      margin-top: 30px;
    } 
        
    .space-top-c {
      margin-top: 45px;
    }  
    
    .row-logo-cards {
       row-gap: 30px;
    }
    
    .nice-list-a ul li {
    
      font-size: 14px;
      padding-left:30px;
      padding-bottom:15px;
    }
    
    .nice-list-a ul li:before {
        
        width:15px;
        height:12px; 
        top:4px;  
        
    }
    
    .medium-gap-content {
       gap: 15px;
    
    }
    
    .outer-block-large .c2 {
        padding-top:20px;
    }
    
    .default-card {
        padding:30px;
    }
    
    .form-card h3 {
        font-size:16px;
    }
    
    .faq-card .title:after {
        width:10px;
        height:10px;
    }
    
    .faq-card {
    
        border-radius: 10px;
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .faq-wrapper {
        gap:20px;
    }
    
    .faq-card .title:after {
        top:7px;
    }
    
    
    footer h3 {
        font-size:18px;
        margin-bottom: 15px;
    }
    
    footer .block.padding {
        padding-bottom: 35px;
        padding-top:25px;
    }
    
    main p, main a, main span, .default-list li, footer p, .the-content-wrapper.accr li {
        font-size:14px;
        line-height: 25px;
    }
    
    .the-content-wrapper ol li::before {
    
    top: -3px;
    }
    
    footer .c1 ul li:nth-child(2) {
        padding-top: inherit;
        padding-bottom: inherit;
    }
    
    .default-list ul li.kvk:before {
        top:9px;
    }  
    
    footer .row-slogan .c {
        text-align:left;
        max-width:350px;
    }
    
    footer .c4 ul {
        margin-bottom: 30px;
    }
    
    .footer-sec .bottom-links {
        flex-direction:column;
        display:flex;
        text-align:center;
        gap:10px;
    }
    
    footer .footer-sec {
        
        gap: 50px;
    }
    
    .default-list ul li {
        padding-left:26px;
    }
    
    footer .c1 ul li {
        line-height: 34px;
    }
    
    footer .c1 ul li {
        padding-bottom:9px;
        
    }
    
    footer .c3, footer .c4, footer .row-slogan {
        margin-top: 25px;
    }
       
    .default-list ul li:before {
        transform: scale(0.8);
        transform-origin: left center;
    }    
    
    .button.with-arrow.arrow-up span:after {
    
      width: 12px;
      height: 12px;
    }      
    
    .block.c-bg .circle-left, .block.c-bg:before {
        display:none;
    }  
    
    .block.c-bg:after {
        
        right: -1150px;
        top: -150px;
    }
    
    .button.with-arrow.arrow-right span:after {
  
      width:11px;
      height:11px;
     
    }
    
    .app-breadcrumbs {
        
        top: 18px !important;
    }  
    
    .block-hero-custom-a h1 {
        font-size: 40px;
        line-height: 45px;
    }  
    
    .block-hero-custom-a {
        padding-top:75px;
    }
    
    .app-breadcrumbs a, app-breadcrumbs span {
        font-size:13px;
    }
    
    .app-breadcrumbs__separator {
        margin: 0 10px !important;
    }
    
    .no-link .card-type-a {
        padding-top: 20px;
        padding-bottom: 7px;
    }
    
    .trainer-wrap img, .trainer-wrap .d1 {
        width: 97px;
        height: 97px;
    }
    
    .trainer-wrap {
        
        gap: 20px;
    }
    
    .trainer-wrap .d1 {
        display:none;
    }
    
    .padding-right-text {
        padding-right: 15px;
    }

    .accr-list {
        padding-bottom: 15px !important;
    }
    
    .trainer-wrap {
        
        flex-direction: column;
    }
    
    .accr-list ul {
      
        gap: 9px !important;
       
    }
    
    .h2-padding h2 {
        margin-bottom: 18px;
    }
    
    .nice-strong strong {
        font-size:16px;
    }
    
    .training-date-badge {
        width:47px;
        height:47px;
        
    }
    
    .training-date-badge span {
       font-size: 11px;
    }
    
    .card-scheduled-training {
        padding:15px;
        gap: 15px;
        row-gap: 0px;
    }
    
    .card-scheduled-training h4 {
        margin-bottom:2px;
    }
    
    .training-date-badge .date-day {
        line-height: 0;
        margin-top: 14px !important;
    }
    
    .card-scheduled-training .infos2 *:not(.sep) {
        font-size:13px !important;
    }
    

    .card-scheduled-training.cartView .infos2 .sep::before {
        top:1px;
    }   
    
    .card-scheduled-training .infos2 {
        gap: 5px;
    }
    
    .plekken .circle-available {
        width: 12px;
        height: 12px;
    }
    
    .plekken {
        
        gap: 7px;
    }
    
    .button.with-arrow.arrow-down span:after {
  
        width: 11px;
        height: 11px;
    }
    
    .row-gap-30 {
        row-gap: 20px;
    }
    
    .dagen-popup-floating {
        padding:20px 30px;
        width:99vw;
    }
    
    .dagen-popup-floating * {
        font-size: 13px;
    }
    
    
    .dagen-popup-floating .dag-row {
   
      grid-template-columns: 46px 1fr 1fr;
    }
    
    .more-items-list-item.is-hidden-mobile {
        display: none;
    }

    .more-items-list.show-all .more-items-list-item.is-hidden-mobile {
        display: block;
    }  
    
    .programma-card h4 {
        font-size:16px;
    }  
    
    .programma-card h4 span {
        font-size:13px;
    }
    
    .programma-card h5 {
        font-size:14px;
        line-height: 20px;
    }
    
    .faq-card h4 {
        padding-right:30px;
    }
    
    .programma-card .title:after {
        top:9px;
    }    
    
    .accr-list.accr-list2 ul {
        gap: 2px !important;
    }
    
    h2 span.dot {
      
        font-size:22px;
    }
    
   .block-nieuws-uitgelicht-bericht .samenvatting {
        margin-top: 20px;
        
    }
    
    .block-nieuws-uitgelicht-bericht .c1 img {
        
        height: 208px;
        
    }  
    
    .block-hero-2 h2 {
     
        top: 2px;
    }

    
    .bottom-pagination .p {
        width: 40px;
        height: 40px;
    }
    
    .bottom-pagination {
 
        gap: 15px;
        margin-top: 30px;
    }
    
    h2.smaller {
        font-size: 26px;
        line-height: 36px;
    }
  
    .faq-wrapper.b {
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 45px;
    }  
    
    .search-card {
        padding:20px;
        gap:15px;
        flex-direction:column;
    }  
    
    .field.medium input, .field.medium select {
        height:50px;
    }    
    
    
    .field.medium.with-icon.search:before {
       top:15px;
    }
    
    main > div.block.padding.padding-2:last-of-type {
        padding-bottom: 50px;
    }

    .infos2-mobile .c .sep:before {
        top:6px;
    }

    .card-writer {
        gap:25px;
        padding:20px;
    }
    
    .card-writer img {
        width: 109px  !important;
        height: 109px !important;
    }
    
    .the-content-wrapper h2 {
        font-size: 21px;
        line-height: 27px;
        margin-bottom:10px;
    }
    
    .padding-content-page {
       padding-top: 40px !important;
    }
    
    .block-hero.single .the-intro p {
        font-size: 15px;
        line-height: 31px;
    }
    
    .block-hero.single .the-intro {
        padding-bottom: 20px;
    }
    
    .block-hero .read-details {
      margin-top: 20px;
    }
    
    .the-intro {
        margin-top: 20px !important;
    }
    
    .the-content-wrapper img {

      height: 240px;
    }
    
    .the-content-wrapper p {
        padding-bottom: 10px;
    }
    
    .the-content-wrapper.accr.accr-list2 ul {
        margin-bottom: 20px;
    }
    
    .single .block-hero h1, .tax-training_category .block-hero h1 {
        font-size:34px;
        line-height: 46px;
    }    
    
    .card-scheduled-training h4 a {
        font-size:16px;
    }
    
    .card-type-a h3 {
        font-size:16px;
        line-height: 24px;
    }
    
    .block-nieuwsbrief .c1 {
        padding-right:15px;
    }
    
    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details {
        display: block;
        margin: 20px 0;
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li,
    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li:nth-child(2n) {
        width: 100%;
        padding: 15px 18px;
        border-right: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li:last-child {
        border-bottom: 0;
    }

    .woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details li strong {
        margin-top: 4px;
        font-size: 15px;
    }    
    
}