@keyframes animation {
    from {
      opacity: 0;
      transform: translateY(-50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .animate{
    opacity: 0;
    transition: opacity 0.7s ease-in;
    transition-delay: 0.1s; 
  }
  .fade-in-visible {
    opacity: 1;
  }

  .waves{
    background-color: white!important; 
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 0;
  }


.eind_cta{
  position: relative;
  top: 90px;
  }

  .green-box-desktop.has-background-green-background-color {
    background-size: auto 145%;
    background-repeat: no-repeat;
    background-position: top 40% right;
    /* top: -60px; */
  }

 /* MOBIEL: 791px of minder */
  @media screen and (max-width: 791px) {
    .mobile-only,
    .mobiel-only{
      display:block!important;
    }
    .btn-hide-mobile{
      display: none;
    }
    .desktop-only,
    .desktop-flex{
      display: none !important;
    }
    .start-psychologen{
      margin-top: 16px;
    }

    .eind_cta{
      position: relative;
      top: 35px;
      }

  }
   /*  DESKTOP: 791px of hooger */
@media screen and (min-width: 792px) { 
  .mobile-only,
  .mobiel-only{
    display:none!important;
  }
  .btn-hide-mobile{
    display: flex;
  }
  .desktop-only{
    display: block!important;
  }
  .desktop-flex{
    display: flex!important;
  }
  .start-timeline{
    padding-top: 7%;
  }
  .start-timeline .button{
    margin-top: 2.5rem;
  }

  .start-timeline div:first-child p{
    width: 80%;
  }
  .start-werkgever .button.primary{
    margin-top: 2rem !important;
  }
  .green-box-desktop div{
    width: 50%;
  }
 
}
.blauwe-boks {
  background-color: #2657A6;
  background-image: linear-gradient(90deg, #2657A6 22%, rgba(0, 255, 0, 0) 100%), 
                    linear-gradient(170deg, #2657A6 12%, rgba(0, 255, 0, 0) 10%), 
                    url('../../../../../wp-content/themes/psyned/theme/img/achtergrond/achtergrondblauw.png'); 
  background-size: auto 125%;
  background-repeat: no-repeat;
  background-position: right;
  border-bottom-right-radius: 40px;
}
.green-box-desktop.has-background-green-background-color{
  background-image: 
                    linear-gradient(90deg, #467A62 2%, rgba(0, 255, 0, 0), 100%),
                    linear-gradient(170deg, #467A62 2%, rgba(0, 255, 0, 0) 100%),
                    url('../../../../../wp-content/themes/psyned/theme/img/achtergrond/achtergrondgroen.png'); 
}



.green-box-desktop.has-background-green-background-color p{
  width: 80%;
}


div.green-box.mobile-only.startpagina{
  box-shadow: -50px -45px 0 -3px #fff;
}


@media screen and (max-width: 749px) {
  .green-box-desktop.has-background-green-background-color {
    background-size: auto 145%;
    background-repeat: no-repeat;
    background-position: top 40% right;
    top: -1px;
  }

}

@media screen and (min-width: 750px) {
  .green-box-desktop.has-background-green-background-color {
    background-image:
                    linear-gradient(90deg, #467A62 12%, rgba(0, 255, 0, 0)),
                    linear-gradient(170deg, #467A62 10%, rgba(0, 255, 0, 0)),
                    url('../../../../../wp-content/themes/psyned/theme/img/achtergrond/achtergrondgroen.png'); 
    background-size: auto 145%;
    background-repeat: no-repeat;
    background-position: top 40% right;
    top: -1px;
  }
}

@media screen and (min-width: 1300px) {
  .green-box-desktop.has-background-green-background-color {
    background-image:
                    linear-gradient(90deg, #467A62 20%, rgba(0, 255, 0, 0)),
                    linear-gradient(170deg, #467A62 10%, rgba(0, 255, 0, 0)),
                    url('../../../../../wp-content/themes/psyned/theme/img/achtergrond/achtergrondgroen.png'); 
                    background-size: auto 107%;
                    background-repeat: no-repeat;
                    background-position: top -6% right;
                    top: -63px;
  }
  .green-box-desktop.has-background-green-background-color .wp-block-column {
    position: relative;
    bottom: 75px;
  }

}
  
.green-box-desktop h2{
  overflow: visible;
}
/* klachten*/
.section section.to-hide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease; 
  }

  #cta-ervaringsverhaal{
    padding-top: 20px !important;
  }

  .has-white-background-color{
    background-color: white!important; 
    margin-left: calc(50% - 50vw)!important;
    margin-right: calc(50% - 50vw)!important;
    padding-left: calc(50vw - 50%)!important;
    padding-right: calc(50vw - 50%)!important;
    margin-bottom: 0;
  }
  
  .blauwe-boks{
    margin-left: calc(50% - 50vw)!important;
    margin-right: calc(50% - 50vw)!important;
    padding-left: calc(50vw - 50%)!important;
    padding-right: calc(50vw - 50%)!important;
    margin-bottom: 0;
    background-color: #2657A6;
  }