/* about */

.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  
  
  /*Portfolio/gttools*/
  /* #portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
  }
  
  #portfolio .container {
    padding-top: 5rem;
  }
  
  #portfolio .btn-verder {
    margin-top: .9rem;
    margin-bottom: .4rem
  }
  
  #portfolio .port-text {
    padding-bottom: 2rem;
  }
  
    #portfolio .portfolio-item .portfolio-link {
        position: relative;
        display: block;
        max-width: 400px;
        margin: 0 auto;
        cursor: pointer;
    }
  
        #portfolio .portfolio-item .portfolio-link .portfolio-hover {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transition: all ease 0.5s;
            transition: all ease 0.5s;
            opacity: 0;
            background: rgba(79, 45, 127, 0.9);
        }
  
            #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
                opacity: 1;
            }
  
            #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
                font-size: 20px;
                position: absolute;
                top: 50%;
                width: 100%;
                height: 20px;
                margin-top: -12px;
                text-align: center;
                color: white;
            }
  
                #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
                    margin-top: -12px;
                }
  
                #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
                #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
                    margin: 0;
                }
  
    #portfolio .portfolio-item .portfolio-caption {
        max-width: 400px;
        margin: 0 auto;
        padding: 25px;
        text-align: center;
        background-color: #fff;
    }
  
        #portfolio .portfolio-item .portfolio-caption h4 {
            margin: 0;
            text-transform: none;
        }
  
        #portfolio .portfolio-item .portfolio-caption p {
            font-size: 16px;
            font-style: italic;
            margin: 0;
            font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        }
  
  #portfolio * {
    z-index: 2;
  }
  
  @media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
  }
  
  
  
  /* card hover test 2 */
  
  /* .card {
  display: block;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    transition: box-shadow .25s;
  }
  .card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  }
  .img-card {
  width: 100%;
  height:200px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
    overflow: hidden;
  }
  .img-card img{
  width: 100%;
  height: 200px;
  object-fit:cover;
  transition: all .25s ease;
  }
  .card-content {
  padding:15px;
  text-align:left;
  }
  .card-title {
  margin-top:0px;
  font-weight: 700;
  font-size: 1.65em;
  }
  .card-title a {
  color: #000;
  text-decoration: none !important;
  }
  .card-read-more {
  border-top: 1px solid #D4D4D4;
  }
  .card-read-more a {
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
  text-transform: uppercase
  } */
  
  /* card hover test 2 end */
  
  /* card hover test 4 (cardtest2.html) */
  
  /* #portfoliocard .container{
  padding-top: 5rem;
  padding-bottom: 2rem;
  }
  
  #portfoliocard .card{
  margin-bottom: 2rem;
  border: none;
  }
  
  #portfoliocard .card-title{
  text-align: center;
  }
  
  #portfoliocard .card-text{
  text-align: left;
  }
  
  #portfoliocard .card:hover{
  -webkit-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
  box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
  } */
  
  /* card hover test 4 end */
  
  
  /* Inschrijf formulier */
  .call-to-action {
    position: relative;
    background-color: #343a40;
    background: url("/resources/img/banner 1.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  
  .call-to-action .overlay-call {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
  }
  
  
  
  
  /*contact form*/
  section#contact {
    background-color: #212529;
    background-image: url("/resources/img/map-image.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  section#contact .section-heading {
    color: #fff;
  }
  
  section#contact .text-muted {
    color: #fff;
  }
  
  section#contact .form-group {
    margin-bottom: 25px;
  }
  
  section#contact .form-group input,
  section#contact .form-group textarea {
    padding: 20px;
  }
  
  section#contact .form-group input.form-control {
    height: auto;
  }
  
  section#contact .form-group textarea.form-control {
    height: 248px;
  }
  
  section#contact .form-control:focus {
    border-color: #4f2d7f;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  section#contact ::-webkit-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#contact :-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#contact ::-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#contact :-ms-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  /* About */
  section#about {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  section#about .section-heading {
    color: #4f2d7f;
  }
  
  section#about ::-webkit-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#about :-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#about ::-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#about :-ms-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  
  
  
  
  /* Nieuwe klant koptekst */
  section#nieuwe-klant {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  section#nieuwe-klant .section-heading {
    color: #4f2d7f;
  }
  
  section#nieuwe-klant ::-webkit-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#nieuwe-klant :-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#nieuwe-klant ::-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#nieuwe-klant :-ms-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  /* Meest gestelde vragen koptekst */
  section#gestelde-vragen {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  section#gestelde-vragen .section-heading {
    color: #4f2d7f;
  }
  
  section#gestelde-vragen ::-webkit-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#gestelde-vragen :-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#gestelde-vragen ::-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  section#gestelde-vragen :-ms-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  
  
  
  /* Buttons */
  .btn-gtt {
    color: #4F2D7F
  }
  
  
  
  .service-text {
    color: #fff !important;
  }
  
  
  
  /*services*/
  .service-heading {
    margin: 15px 0;
    text-transform: none;
    color: #fff;
  }
  
  .section-service-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
  }
  
  .section-service-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
  }
  
  .section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 45px;
  }
  
  .section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
  }
  
  
  .text-primary {
    color: #fff !important
  }
  
  .fa-inverse {
    color: #4F2D7F !important
  }
  
  
  .module {
    clear: both;
  }
  
  .imgContainer, .intro {
    float: left;
  }
  
  .imgContainer {
    width: 300px;
    margin-bottom: 100px;
  }
  
  .imgContainer img {
    width: 100%;
  }
  
  .intro {
    width: 55%;
    padding-left: 20px;
  }
  
  .contact-form {
    height: 500px;
  }
  
  
  /* scroll image contact list */
  /* ============================================================
    PRIMARY STRUCTURE
  ============================================================ */
  .container .scrollimg{
  /*   max-width: 960px; */
    margin: 100px auto;
  }
  /* ============================================================
    SECTIONS
  ============================================================ */
  section.module:last-child {
    margin-bottom: 0;
  }
  section.module h2 {
    margin-bottom: 40px;
    font-size: 30px;
  }
  section.module p {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300;
  }
  section.module p:last-child {
    margin-bottom: 0;
  }
  section.module.content {
    padding: 40px;
  }
  section.module.parallax {
    height: 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  /* section.module.parallax h1 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 3em;
    line-height: 300px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  } */
  section.module.parallax-2 {
    background-image: url("/resources/img/banner 1.jpg");
  }
  
  
  /* @media all and (min-width: 600px) {
    section.module h2 {
      font-size: 42px;
    }
    section.module p {
      font-size: 20px;
    }
    section.module.parallax h1 {
      font-size: 20px;
    }
  }
  @media all and (min-width: 960px) {
    section.module.parallax h1 {
      font-size: 160px;
    }
  } */
  
  .row-top {
      padding-top: 6rem;
  }
  /* .overlay-call {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
  } */
  
  /* test navbar 1 */
  
  /* .navbar {
  background: white;
  border-bottom: 1px solid lightgray;
  /* padding-top: 2rem;
  padding-bottom: 2rem; */
  /* } */ 
  
  .modal-login {
  color: #636363;
  width: 350px;
  }
  .modal-login .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  }
  .modal-login .modal-header {
  border-bottom: none;
  position: relative;
  justify-content: center;
  }
  .modal-login h4 {
  text-align: center;
  font-size: 26px;
  }
  .modal-login  .form-group {
  position: relative;
  }
  .modal-login i {
  position: absolute;
  left: 13px;
  top: 11px;
  font-size: 18px;
  }
  .modal-login .form-control {
  padding-left: 40px;
  }
  .modal-login .form-control:focus {
  border-color: #12b5e5;
  }
  .modal-login .form-control, .modal-login .btn {
  min-height: 40px;
  border-radius: 3px; 
      transition: all 0.5s;
  }
  .modal-login .close {
      position: absolute;
  top: -5px;
  right: -5px;
  }
  .modal-login input[type="checkbox"] {
      margin-top: 1px;
  }
  .modal-login .forgot-link {
      color: #12b5e5;
      float: right;
  }
  .modal-login .btn {
  background: #12b5e5;
  border: none;
  line-height: normal;
  }
  .modal-login .btn:hover, .modal-login .btn:focus {
  background: #10a3cd;
  }
  .modal-login .modal-footer {
  color: #999;
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
      margin-top: -20px;
  justify-content: center;
  }
  .modal-login .modal-footer a {
  color: #12b5e5;
  }
  .trigger-btn {
  display: inline-block;
  margin: 100px auto;
  }
  /* test navbar 1 eind */
  
  
  
  
  
  
  
  /* Opbouw Massaal Bezwaar Box 3 Tool ==============================================================================================================*/ 
  
  /* oude body */
  /* html {
    width: 100%;
    height: 100%;
  }
  
  body {
    font-family: 'Roboto', sans-serif;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
  } */
  
  /* body originele GT site */


  @import url("/resources/font/stylesheet.css");
  
  
  body {
    font-size: 1rem;
    font-family: "GT Walsheim Pro",Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
  }
  
  html, body {
    background: #fff;
    position: relative;
    width: 100%;
    min-height: 100%;
    max-width: 100%;
    direction: ltr;
    -webkit-overflow-scrolling: touch;
    height: auto;
  }
  
  
  /* Section opmaak */
  
  /* section {
  padding: 2rem 0;
  } */
  
  /*Kleuren*/
  
  .text-gtdirect {
    color: #4f2d7f;
  }
  
  .text-rood{
    color: #de002e;
  }
  
  .gt-background{
    background-color: #4f2d7f;
  }
  
  .bg-gt {
    background-color: #4F2D7F!important;
  }
  
  .bg-gt-rood {
    background-color: #de002e;
  }
  
  .bgHalfPaars{
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, #4F2D7F 50%, #fff 50%);
    background-position: 0 0;
  }
  
  .bg-PaarsEnWit60{
    height: 100%;
    width: 100%;
    /* background-image: linear-gradient(to right, #4F2D7F 60%, #fff 40%); */
    background-image: linear-gradient(to right, #4F2D7F 60%, #dadad6 40%);
    background-position: 0 0;
  }
  
  .bg-WitEnPaars65{
    height: 100%;
    width: 100%;
    /* background-image: linear-gradient(to right, #4F2D7F 60%, #fff 40%); */
    background-image: linear-gradient(to left, #4F2D7F 65%, rgb(243, 241, 241) 35%);
    background-position: 0 0;
  }
  
  @media screen and (max-width: 575px) {
    .bgHalfPaars{
      background-image: linear-gradient(to bottom, #4F2D7F 50%, #fff 50%);
    }
  } 
  
  .service-text {
    color: #fff !important;
  }
  
  .bg-gray {
    background-color: #f3f3ee!important;
  }
  
  .bg-darkgray {
    background-color: #c5c5c559!important;
  }
  
  .text-darkgray {
    color: #3b3a3a!important;
    opacity: 0.7;
  }
  
  .text-verydarkgray {
    color: #202020!important;
  }
  
  .testkleur{
    color: #339966;
    color: #371b5e;
    color: #dadad6;
  }
  
  /* Einde kleuren */
  
  /* hoogte blakken */
  .balkhoogte{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .balkhoogteTools{
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  
  .balkHoogteExtra{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  
  .balkHoogteExtraRes{
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  
  @media screen and (max-width: 575px) {
    .balkHoogteExtra{
      padding-top: 0rem;
      padding-bottom: 0rem;
    }
  
    .balkHoogteExtraRes{
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  } 
  
  @media (max-width: 575px) {
    .balkhoogte{
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  } 
  
  /* einde hoogte balken */
  
  /* Buttons */
  
  .btn-outline-success {
    color: #4f2d7f;
    background-color: transparent;
    background-image: none;
    border-color: #4f2d7f;
  }
  
  .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success.active {
    background: #4f2d7f;
    color: #ffffff;
    border-color: #4f2d7f;
  }
  
  
  .btn-gt-kleur-rood {
    background-color: #de002e;
    border-color: #de002e;
    color: #fff;
  }
  .btn-gt-kleur-rood:hover,
  .btn-gt-kleur-rood:focus,
  .btn-gt-kleur-rood:active,
  .btn-gt-kleur-rood.active {
    background-color: #86021d;
    border-color: #86021d;
  }
  .btn-gt-kleur-rood.disabled:hover,
  .btn-gt-kleur-rood.disabled:focus,
  .btn-gt-kleur-rood.disabled:active,
  .btn-gt-kleur-rood.disabled.active,
  .btn-gt-kleur-rood[disabled]:hover,
  .btn-gt-kleur-rood[disabled]:focus,
  .btn-gt-kleur-rood[disabled]:active,
  .btn-gt-kleur-rood[disabled].active,
  fieldset[disabled] .btn-gt-kleur-rood:hover,
  fieldset[disabled] .btn-gt-kleur-rood:focus,
  fieldset[disabled] .btn-gt-kleur-rood:active,
  fieldset[disabled] .btn-gt-kleur-rood.active {
    background-color: #de002e;
    border-color: #de002e;
  }
  
  @media screen and (max-width:376px) {
    .btn-gt-kleur-rood {
      margin-top: 1rem;
    }
  }
  
  
  /* .btn-secondary, .btn-secondary:visited { */
    /* background-color: #4f2d7d !important;
    border-color: #4f2d7d !important;
  }
  
  .btn-secondary:hover, .btn-secondary:active {
    background-color: #43266a;
    border-color: #372058;
  } */
  
  .btn-gt-kleur {
    background-color: #4f2d7d;
    border-color: #4f2d7d;
    color: #fff;
  }
  .btn-gt-kleur:hover,
  .btn-gt-kleur:focus,
  .btn-gt-kleur:active,
  .btn-gt-kleur.active {
    background-color: #43266a;
    border-color: #372058;
  }
  .btn-gt-kleur.disabled:hover,
  .btn-gt-kleur.disabled:focus,
  .btn-gt-kleur.disabled:active,
  .btn-gt-kleur.disabled.active,
  .btn-gt-kleur[disabled]:hover,
  .btn-gt-kleur[disabled]:focus,
  .btn-gt-kleur[disabled]:active,
  .btn-gt-kleur[disabled].active,
  fieldset[disabled] .btn-gt-kleur:hover,
  fieldset[disabled] .btn-gt-kleur:focus,
  fieldset[disabled] .btn-gt-kleur:active,
  fieldset[disabled] .btn-gt-kleur.active {
    background-color: #4f2d7d;
    border-color: #4f2d7d;
  }
  
  /* einde gt button */
  
  /* animated button GT style */
  
  .btn-margin{
    margin: 0px;
    padding: 0px;
  }
  
  /* btn rood ==============================*/
  .btn-gt-rood {
    width: 250px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #de002e;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .btn-gt-rood > p {
    text-align: center;
    color: #de002e;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
  
  .btn-gt-rood > a {
    list-style: none;
  }
  
  /* sliders */
  .btn-gt-rood:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de002e;
    position: absolute;
    transition: all 0.25s ease;
  }
  
  /* Right Slider */
    .btn-gt-ani:before{
    top: 0;
    left: 260px;
  }
  
  /* Hover Effect */
  .btn-gt-ani:hover:before{
    left: 0;
  }
  
  .btn-gt-rood:hover p{
    color: #fff;
  }
  
  .btn-gt-rood a:hover{
    text-decoration: none;
  }
  
  /* einde btn rood */
  
  /* btn wit ===================================*/
  
  .btn-gt-wit {
    width: 250px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #fff;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .btn-gt-wit > p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
  
  .btn-gt-wit > a {
    list-style: none;
    text-decoration: none;
  }
  
  /* sliders */
  .btn-gt-wit:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    transition: all 0.25s ease;
  }
  
  /* Right Slider */
  .btn-gt-ani:before{
    top: 0;
    left: 260px;
  }
  
  /* Hover Effect */
  .btn-gt-ani:hover:before{
    left: 0;
  }
  
  .btn-gt-wit:hover p{
    color: #4f2d7d;
  }
  
  .btn-gt-wit:hover a{
    text-decoration: none;
  }
  
  .buttons-links a{
    text-decoration: none;
  }
  
  /* einde btn wit */
  
  /* btn wit xl ===================================*/
  
  .btn-gt-wit-xl {
    width: 290px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #fff;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
    
  .btn-gt-wit-xl > p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
    
  .btn-gt-wit-xl > a {
    list-style: none;
    text-decoration: none;
  }
    
  /* sliders */
  .btn-gt-wit-xl:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    transition: all 0.25s ease;
  }
    
  /* Right Slider */
  .btn-gt-ani-xl:before{
    top: 0;
    /* left: 260px; */
    left: 300px;
  }
  
  /* Hover Effect */
  .btn-gt-ani-xl:hover:before{
    left: 0;
  }
  
  .btn-gt-wit-xl:hover p{
    color: #4f2d7d;
  }
  
  .btn-gt-wit-xl:hover a{
    text-decoration: none;
  }
  
  /* .buttons-links a{
    text-decoration: none;
  } */
  
  /* einde btn wit-xl */
  
  /* btn wit xxl ===================================*/
  
  .btn-gt-wit-xxl {
    width: 360px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #fff;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
    
  .btn-gt-wit-xxl > p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
    
  .btn-gt-wit-xxl > a {
    list-style: none;
    text-decoration: none;
  }
    
  /* sliders */
  .btn-gt-wit-xxl:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    transition: all 0.25s ease;
  }
    
  /* Right Slider */
  .btn-gt-ani-xxl:before{
    top: 0;
    /* left: 260px; */
    left: 370px;
  }
  
  /* Hover Effect */
  .btn-gt-ani-xxl:hover:before{
    left: 0;
  }
  
  .btn-gt-wit-xxl:hover p{
    color: #4f2d7d;
  }
  
  .btn-gt-wit-xxl:hover a{
    text-decoration: none;
  }
  
  @media screen and (max-width: 413px) {
    .btn-gt-wit-xxl {
      width: 290px;
      height: 50px;
      line-height: 50px;
    }
  
    .btn-gt-wit-xxl > p {
      font-size: 13px;
      /* font-weight: 400; */
    }
  
    .btn-gt-ani-xxl:before{
      left: 300px;
    }
  }
  
  /* einde btn wit-xxl */  
  
  /* btn rood xxl ===================================*/
  
  .btn-gt-rood-xxl {
    width: 360px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #de002e;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
    
  .btn-gt-rood-xxl > p {
    text-align: center;
    color: #de002e;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
    
  .btn-gt-rood-xxl > a {
    list-style: none;
    text-decoration: none;
  }
    
  /* sliders */
  .btn-gt-rood-xxl:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de002e;
    position: absolute;
    transition: all 0.25s ease;
  }
    
  .btn-gt-rood-xxl:hover p{
    color: #fff;
  }
  
  .btn-gt-rood-xxl:hover a{
    text-decoration: none;
  }
  
  @media screen and (max-width: 413px) {
    .btn-gt-rood-xxl {
      width: 290px;
      height: 50px;
      line-height: 50px;
    }
  
    .btn-gt-rood-xxl > p {
      font-size: 13px;
      /* font-weight: 400; */
    }
  }
  
  /* einde btn rood-xxl */  
  
  /* btn rood full width ===================================*/
  
  .btn-gt-rood-full {
    width: 100%;
    height: 50px;
    line-height: 47px;
    border: 2px solid #de002e;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
  }
    
  .btn-gt-rood-full > p {
    text-align: center;
    color: #de002e;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
    
  .btn-gt-rood-full > a {
    list-style: none;
    text-decoration: none;
  }
    
  /* sliders */
  .btn-gt-rood-full:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de002e;
    position: absolute;
    transition: all 0.25s ease;
  }
  
  /* Right Slider */
  .btn-gt-ani-full:before{
    top: 0;
    /* left: 260px; */
    /* left: 390px; */
    left: 100%;
  }
  
  /* Hover Effect */
  .btn-gt-ani-full:hover:before{
    left: 0;
  }
    
  .btn-gt-rood-full:hover p{
    color: #fff;
  }
  
  .btn-gt-rood-full:hover a{
    text-decoration: none;
  }
  
  @media screen and (max-width: 413px) {
    .btn-gt-rood-full {
      /* width: 290px; */
      height: 50px;
      line-height: 50px;
    }
  
    .btn-gt-rood-full > p {
      font-size: 13px;
      /* font-weight: 400; */
    }
  }
  
  /* einde btn rood-full width */ 
  
  
  /* btn voor prijskaart */
  .prijskaart .btn-margin{
    margin: 0px;
    padding: 0px;
  }
  
  .prijskaart .btn-gt-rood {
    width: 250px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #de002e;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .prijskaart .btn-gt-rood > p {
    text-align: center;
    color: #de002e;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
  
  .prijskaart .btn-gt-rood > a {
    list-style: none;
  }
  
  /* sliders */
  .prijskaart .btn-gt-rood:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de002e;
    position: absolute;
    transition: all 0.25s ease;
  }
  
  /* Right Slider */
  .prijskaart .btn-gt-ani:before{
    top: 0;
    left: 260px;
  }
  
  /* Hover Effect */
  .prijskaart .btn-gt-ani:hover:before{
    left: 0;
  }
  
  .prijskaart .btn-gt-rood:hover p{
    color: #fff;
  }
  
  
  .btnSimpel{
    background: #4f2d7f;
    color: white;
    outline: none !important;
    box-shadow: none !important;
  }
  
  .btnSimpel:focus{
    outline: none !important;
  }
  
  .btn-gt-berekening {
    /* background-color: #4f2d7d;
    border-color: #4f2d7d;
    color: #fff; */
    color: #fff;
    background-color: #545b62bb;
    border-color: #4e555b2c;
  }
  .btn-gt-berekening:hover,
  .btn-gt-berekening:focus,
  .btn-gt-berekening:active,
  .btn-gt-berekening.active {
    /* color: #fff;
    background-color: #545b62;
    border-color: #4e555b; */
    background-color: #4f2d7d;
    border-color: #4f2d7d;
    color: #fff;
  }
  .btn-gt-berekening.disabled:hover,
  .btn-gt-berekening.disabled:focus,
  .btn-gt-berekening.disabled:active,
  .btn-gt-berekening.disabled.active,
  .btn-gt-berekening[disabled]:hover,
  .btn-gt-berekening[disabled]:focus,
  .btn-gt-berekening[disabled]:active,
  .btn-gt-berekening[disabled].active,
  fieldset[disabled] .btn-gt-berekening:hover,
  fieldset[disabled] .btn-gt-berekening:focus,
  fieldset[disabled] .btn-gt-berekening:active,
  fieldset[disabled] .btn-gt-berekening.active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
  }
  
  
  
  /* Einde Buttons */
  
  /* logo's */
  
  .ideal-logo {
    max-width: 50px;
    height: auto;
  }
  
  .creditcard-logo {
    max-width: 170px;
    height: auto;
  }
  
  /* einde logo's */
  
  /* header */
  
  @media screen and (max-width:768px) {
    .header {
        width:100%;
    }
    .header .text-gtdirect{
      font-size: 1.7rem;
    }
  }
  
  /* .sec-page-header{
  margin-top: 2rem;
  margin-bottom: 3rem;
  } */
  
  .sec-page-header{
    /* padding-top: 2rem; */
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  /* einde Header */
  
  /* masterhead mainpage */
  
  
  .masterhead {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  .masterhead video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  .masterhead .container {
    position: relative;
    z-index: 2;
  }
  
  /* test voor header img */
  .masterhead .header-img{
    width: 40%;
    /* margin: 0%; */
    /* margin-top: 7rem; */
  }
  
  /* .masterhead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.3;
    z-index: 1;
  } */
  
  @media (pointer: coarse) and (hover: none) {
    .masterhead {
      background: url('/resources/img/header-klein.PNG') black no-repeat center center scroll;
    }
    .masterhead video {
      display: none;
    }
  }
  .masterhead a:hover{
    text-decoration: none;
  }
  
  /*Masterhead*/
  /* header.masthead {
    position: relative;
    background-color: #3f2d7f;
    background: url("/resources/img/banner 3.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
    header.masthead .overlay {
        position: absolute;
        background-color: #212529;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.3;
    }
  
    header.masthead h1 {
        font-size: 2rem;
    }
  
  @media (min-width: 768px) {
    header.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
  
        header.masthead h1 {
            font-size: 3rem;
        }
  } */
  
  /* einde masterhead mainpage */
  
  /* Headings */
  
  .section-met-onder-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  /* Einde Headings */
  
  /* navbar */
  .navbar {
    background: white;
    border-bottom: 1px solid lightgray;
    padding-top: 2rem;
    padding-bottom: 2rem;
  } 
  
  .navbar .navbar-brand{
    height: 43px;
    width: 393px;
  }
  
  .navIMGGT:after{
    content: url('../../resources/img/logo-mobiel.png');
    display: inline-block;
    height: 43px;
    width: 100%;
  }
  
  .navbar-light .navbar-toggler {
    color: #4f2d7d;
    /* border-color: rgba(0,0,0,.1); */
    border: 0;
    padding: 0;
  }
  
  .nav-item{
    margin-top: 0.5rem;
  }
  
  @media screen and (max-width:768px) {
    .navbar-brand {
        width:100%;
    }
  }
  
  .navLinksGT{
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
    /* color: #6c757d!important; */
    color: #4f2d7d!important;
  }
  
  .navLinksGT:hover {
    text-decoration: underline;
    color: #de002e!important;
  }
  
  @media (max-width: 575px) {
    .navIMGGT:after{
      content: url('../../resources/img/logo-mobiel.jpg');
      display: inline-block;
      /* height: 43px; */
      /* width: 100%; */
      width: 70%;
    }
  
    .navbar {
      padding-top: 0.3rem;
      padding-bottom: 0rem;
    }
    
    .nav-item{
      margin-bottom: 1rem;
    }
    
  }
  
  
  /* Einde navbar */
  
  
  
  /* footer */
  
  footer {
    height: auto;
    background: #4F2D7F;
    width: 100%;
  }
  
  footer .container{
    padding-top: 5rem;
  }
  
  footer .contact ul, a {
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
    color: #fff;
  }
  
  footer .contact li{
    padding-bottom: 1rem;
  }
  
  footer .list-rows{
    padding-top: 0.6rem;
  }
  
  
  footer .contact a:hover {
    text-decoration: underline;
    color: #de002e;
    transition: all 0.3s ease;
  }
  
  footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
  }
  
  footer .disclaimertext {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 90%;
    text-align: left;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media screen and (max-width:768px) {
    footer .contact{
      font-size: 0.8rem;
    }
  }
  
  @media (min-width:768px) and (max-width:1023px) {
    footer .rowPadding{
      padding-left: 2rem;
    }
  }
  
  footer .btn-social-footer{
    padding-top: 0;
    font-size: 2rem;
  }
  
  .icon-hover-rood a:hover {
    color: #de002e;
    transition: all 0.3s ease;
  }
  
  /* einde footer */
  
  /* service mainpage */
  
  /*services*/
  .service-heading {
    margin: 15px 0;
    text-transform: none;
    color: #fff;
  }
  
  .section-service-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
  }
  
  .section-service-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
  }
  
  .section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 45px;
  }
  
  .section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
  }
  
  /* einde service mainpage */
  
  
  /* signup  */
  
  .signup-container{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  
  .signup-container-onder{
    margin-bottom: 2rem;
  }
  
  .signup-koptitle{
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  
  .signup-para{
    margin-bottom: 2rem;
  }
  
  .signup-boldtext{
    font-weight: bold;
  }
  
  .signup-boldtext-new{
    font-weight: bold;
    color: #444444;
  }
  
  .signup-form-sections{
    margin-bottom: 2rem;
  }
  
  .form-row-no-margin-bottom{
    margin-bottom: 0rem;
  }
  
  /* .signup-cardrow-left{
  padding-left: 7.5px;
  }
  
  .signup-cardrow-right{
  padding-right: 7.5px;
  } */
  
  @media screen and (min-width:992px) {
    .signup-cardrow-left{
      padding-left: 7.5px;
    }
  
    .signup-cardrow-right{
      padding-right: 7.5px;
    }
  }
  
  .ver-button{
    margin-top: 0.5rem;
  }
  
  .ver-mar-button{
    padding-left: 0;
  }
  
  @media screen and (max-width:576px) {
    .ver-mar-button{
      padding-left: 15px;
      padding-top: 10px;
    }
  
    .signup-card{
      padding-left: 2px;
      padding-right: 2px;
    }
  }
  
  @media screen and (max-width:768px) {
    .signup-koptitle{
        font-size: 1.25rem;
        margin-top: 0rem;
    }
  }
  
  /* .inputVerPadding{
    padding-right: 0;
  } */
  
  @media (min-width:768px) {
    .inputVerPadding{
      padding-right: 0!important;
    }
    
  }
  
  @media (max-width:750px) {
    .buttonVerScale{
      margin-top: 0.5rem !important;
    }
  }
  
  
  
  /* .buttonVerScale{
  
  } */
  
  /* signup end */
  
  /* Box 3 regelementen */
  #regelementen {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
    
  #regelementen .section-heading {
    color: #4f2d7f;
  }
    
  #regelementen ::-webkit-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
    
  #regelementen :-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
    
  #regelementen ::-moz-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
    
  #regelementen :-ms-input-placeholder {
    font-weight: 700;
    color: #ced4da;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  /* Einde Box 3 regelementen */
  
  /* feedbackcard (success,failed,rejected) */
  .feedbackCard{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  @media screen and (max-width:767px) {
    .feedbackCard{
      padding-top: 2rem;
      padding-bottom: 1.5rem;
    }
  }
  
  .feedbackCard .card-title{
    color: #4f2d7f;
  }
  
  .feedbackCard .a-mail-link {
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
    color: #212529;
  }
  
  .feedbackCard .a-mail-link:hover {
    text-decoration: underline;
    color: #de002e;
  }
  
  .feedback-icon-size{
    width: 7rem;
    height: auto;
    margin-bottom: 2rem;
  }
  
  .feedbackCard .p .card-text .a{
    color: #212529;
  }
  
  .feedbackCard .card {
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
  }
  
  .feedbackCard .hr-feedbackCard {
    margin-top: 2rem;
    margin-bottom: 0rem;
  }
  
  @media (min-width: 768px) {
    .btn-outline-success {
      text-align: center;
    }
  }
  
  /* hoofdconcept  */
  
  
  
  /* @media (max-width: 768px) {
    .titelHoofdConcept{
  
    }
  } */
  
  /* einde hoofdconcept */
  
  /* tekst showcase  */
  
  .showcase .showcase-text {
    padding: 3rem;
  }
  
  .showcase a:hover{
    text-decoration: none;
  }
  
  .showcase .showcase-text-right {
    padding-left: 4rem;
    padding-right: 20rem;
  }
  
  .showcase .showcase-text-left {
    padding-left: 20rem;
    padding-right: 4rem;
  }
  
  @media screen and (min-width: 1200px) {
    .showcase .showcase-text-right {
    padding-left: 4rem;
    padding-right: 20rem;
    }
  
    .showcase .showcase-text-left {
    padding-left: 20rem;
    padding-right: 4rem;
    }
  }
  
  @media screen and (min-width: 992px) {
    .showcase .showcase-text-right {
      padding-left: 4rem;
      padding-right: 15rem;
      margin-top: 120px;
      margin-bottom: 90px;
    }
  
    .showcase .showcase-text-left {
      padding-left: 15rem;
      padding-right: 4rem;
      margin-top: 120px;
      margin-bottom: 70px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .showcase .showcase-text-left{
      padding: 2.5rem;
    }
  
    .showcase .showcase-text-right {
      padding: 2.5rem;
    }
  }
  
  .showcase .showcase-img {
    min-height: 30rem;
    background-size: cover;
  }
  
  @media screen and (max-width: 768px) {
    .showcase .showcase-img {
      min-height: 15rem;
      background-size: cover;
    }
  }
  
  /* einde showcase */
  
  /* Dubbele tekst balk */
  
  .dubbele-tekst-balk .dub-tekst {
    padding: 2rem;
  }
  
  @media (max-width: 768px) {
    .dubbele-tekst-balk .dub-tekst {
      padding: 1rem;
    }
  }
  
  /* einde dubbele tekst balk */
  
  
  /* Tekst balken*/
  .tekstbalkpaars{
    background: #4F2D7F;
    width: 100%;
  }
  
  .tekstbalkgrijs{
    background: rgb(238, 238, 238);
    width: 100%;
  }
  
  
  
  /* responsive */
  @media screen and (max-width:768px) {
    img {
        width:100%;
    }
    .container {
        max-width:100%;
        width: 100%;
    }
    .col-md-3{
        width:100%;
        float:left;
        margin:0;
    }
  }
  
  /* prijskaart */
  
  .prijskaart .row {
    padding-top: 2rem;
  }
  
  /* @media screen and (max-width:767px) {
  .prijskaart {
    margin-bottom: 1rem;
  }
  } */
  
  .prijskaart{
    align-content: center;
  }
  
  .prijskaart-binnen-margin{
    margin-bottom: 2rem;
  }
  
  .prijskaart .card {
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    padding: 2.25rem 0;
    position: relative;
    will-change: transform;
  }
  
  .prijskaart .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #4F2D7F;
    transition: 0.5s;
  }
  
  .prijskaart .card:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .08);
  }
  
  .prijskaart .card:hover:after {
    width: 100%;
  }
  
  .prijskaart .card .card-header {
    background-color: white;
    padding-left: 2rem;
    border-bottom: 0px;
  }
  
  .prijskaart .card .card-title {
    margin-bottom: 1rem;
  }
  
  .prijskaart .card .card-block {
    padding-top: 0;
  }
  
  .prijskaart .card .list-group-item {
    border: 0px;
    padding: 0.25rem;
    color: #808080;
    font-weight: 300;
  }
  
  .card-img-top {
    margin-bottom: 1rem;
  }
  
  .prijskaart .display-2 {
    font-size: 7rem;
    letter-spacing: -0.5rem;
  }
  .prijskaart .display-2 .currency {
    font-size: 2.75rem;
    position: relative;
    font-weight: 400;
    top: -45px;
    letter-spacing: 0px;
  }
  .prijskaart .display-2 .period {
    font-size: 1rem;
    color: #b3b3b3;
    letter-spacing: 0px;
  }
  
  /* .prijskaart .btn {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  color: #a6a6a6;
  border-radius: 0;
  padding: 0.75rem 1.25rem;
  letter-spacing: 1px;
  } */
  .prijskaart .btn-gradient {
    background-color: #f2f2f2;
    transition: background 0.3s ease-in-out;
  }
  
  .prijskaart .btn-gradient:hover {
    color: white;
    background-color: #4F2D7F;
  }
  
  @media screen and (max-width:768px) {
    .margin-onderkant-card-stack {
        margin-bottom: 1rem;
    }
  }
  
  .prijskaart .card-tools {
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    padding-bottom: 2.25rem;
    padding-top: 0;
    position: relative;
    will-change: transform;
  }
  
  .prijskaart .card-text-padding{
    padding: 0 1.5rem;
  }
  
  /* einde prijskaart */
  
  /* nog geen klant? */
  
  
  .geen-klant a:hover{
    text-decoration: underline;
    color: #de002e;
  }
  
  /* einde nog geen klant? */
  
  /* feebackcards */
  
  .feedbackCard .btn-margin{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }
  
  .feedbackCard .btn-gt-rood {
    width: 260px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #de002e;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .feedbackCard .btn-gt-rood > p {
    text-align: center;
    color: #de002e;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease;
    font-weight: 400;
  }
  
  .feedbackCard .btn-gt-rood > a {
    list-style: none;
  }
  
  /* sliders */
  .feedbackCard .btn-gt-rood:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de002e;
    position: absolute;
    transition: all 0.25s ease;
  }
  
  /* Right Slider */
  .feedbackCard .btn-gt-ani:before{
    top: 0;
    left: 260px;
  }
  
  /* Hover Effect */
  .feedbackCard .btn-gt-ani:hover:before{
    left: 0;
  }
  
  .feedbackCard .btn-gt-rood:hover p{
    color: #fff;
  }
  
  /* margin btn */
  
  @media screen and (max-width: 414px) {
    .btn-gt-margin{
      margin: 5px 0;
    }
  
    .btn-group-margin-top{
      margin-top: 2rem;
    }
  }
  
  /* einde animated button GT style */
  
  /* veelgestelde vragen */
  .list-group.help-group {
    margin-bottom: 20px;
    padding-left: 0;
    margin: 0;
  }
  .list-group.help-group .faq-list {
    display: block;
    top: auto;
    margin: 0 0 32px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
  }
  .list-group.help-group .faq-list .list-group-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #616161;
    transition: background-color .2s;
  }
  .list-group.help-group .faq-list .list-group-item i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 2px;
  }
  .list-group.help-group .faq-list .list-group-item:hover {
    background-color: #f6f6f6;
  }
  .list-group.help-group .faq-list .list-group-item.active {
    background-color: #f6f6f6;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
  }
  .list-group.help-group .faq-list .list-group-item:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0;
  }
  
  .tab-content.panels-faq {
    padding: 0;
    border: 0;
  }
  
  .panel.panel-help {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
    padding-bottom: 0;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 16px;
  }
  .panel.panel-help a[href^="#"],
  .panel.panel-help a[href^="#"]:hover,
  .panel.panel-help a[href^="#"]:focus {
    outline: none;
    cursor: pointer;
    text-decoration: none;
  }
  .panel.panel-help .panel-heading {
    background-color: #f6f6f6;
    padding: 0 16px;
    line-height: 48px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    color: rgba(0, 0, 0, 0.87);
  }
  .panel.panel-help .panel-heading h2 {
    margin: 0;
    padding: 14px 0 14px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: none;
  }
  .panel.panel-help .panel-body {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: 0;
    padding: 20px;
  }
  .panel.panel-help .panel-body p {
    margin: 0 0 16px;
  }
  .panel.panel-help .panel-body p:last-of-type {
    margin: 0;
  }
  
  
  /* einde veelgestelde vragen */
  
  /* Totaal product */
  
  /* .totaal-product{
  
  } */
  
  .titel-totaal-product{
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    margin-right: 1rem;
  }
  
  @media screen and (max-width: 767px) {
    .titel-totaal-product{
      margin-top: 0rem;
      /* margin-bottom: 0.5rem; */
      /* text-align: center; */
      font-size: 1.5rem;
    }
  
    .containerTotaalProduct{
      padding-left: 0rem;
      padding-right: 0rem;
    }
  
    .cardTitelTotaalProduct{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }  
  
  .para-totaal-product{
    padding-right: 1.5rem;
  }
  
  .list-totaal-product{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    padding-right: 2rem;
  }
  
  @media screen and (max-width: 767px) {
    .list-totaal-product{
      padding-left: 2rem;
    }
  }  
  
  .list-totaal-product ul{
    padding-bottom: 1rem;
    margin-left: 0.7rem;
  }
  
  .list-totaal-product li{
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
    font-size: 1rem;
    text-indent: -1.5em;
  }
  
  .list-icon-totaal-product{
    font-size: 1.5rem;
    margin-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    /* color: #4f2d7f; */
  }
  
  .list-icon-totaal-product-nieuw{
    font-size: 3rem;
    /* margin-right: 1rem; */
    padding-top: 0.5rem;
    /* padding-bottom: 0.5rem; */
    /* color: #4f2d7f; */
    color: #343a40;
  }
  
  .totaal-product .prijskaart .row {
    padding-top: 3rem;
  }
  
  .totaal-product2 .prijskaart .row {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .Benefits-text-padding{
    padding-right: 2rem;
  }
  
  
  
  .img-totaal-product{
    width: 100%;
    padding-bottom: 1rem;
  }
  
  .carousel-totaal-product{
    padding: 1rem;
    margin-right: 1rem;
  }
  
  
  /* einde totaal product */
  
  /* javascript hide signup */
  
  /* .binnenEUDiv{
  display: none;
  }
  .buitenEUDiv{
  display: none;
  } */
  
  /* #binnenEUDiv {
  display: none;
  }
  
  #buitenEUDiv {
  display: none;
  }
  
  #buitenEUTelDiv {
  display: none;
  } */
  
  /* einde javascript hide signup */
  
  /* link sign-up pagina */
  
  .signup-mail {
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
    /* color: #6c757d!important; */
    color: #de002e!important;
  }
  
  .signup-mail:hover {
    text-decoration: underline;
    color: #de002e!important;
  }
  
  /* einde link sign-up pagina */
  
  /* Flyer download */
  
  .flyer-download a:hover{
    text-decoration: underline;
    color: #fff;
  }
  
  /* einde flyer download */
  
  /* test showcase how it works */
  
  /* .showcase .showcase-text-right-how {
  padding-left: 4rem;
  padding-right: 20rem;
  } */
  
  /* .showcase .showcase-text-left-how {
  padding-left: 20rem;
  padding-right: 4rem;
  } */
  
  /* @media screen and (min-width: 1200px) {
    .showcase .showcase-text-right-how {
    padding-left: 4rem;
    padding-right: 20rem;
    }
  
    .showcase .showcase-text-left-how {
    padding-left: 20rem;
    padding-right: 4rem;
    }
  } */
  
  @media screen and (min-width: 992px) {
    .showcase .showcase-text-right-how {
      padding-left: 4rem;
      padding-right: 15rem;
      margin-top: 120px;
      margin-bottom: 90px;
    }
  
    .showcase .showcase-text-left-how {
      padding-left: 15rem;
      padding-right: 4rem;
      margin-top: 120px;
      margin-bottom: 70px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .showcase .showcase-text-left-how{
      padding: 2.5rem;
    }
  
    .showcase .showcase-text-right-how {
      padding: 2.5rem;
    }
  }
  
  .showcase .showcase-img {
    min-height: 30rem;
    background-size: cover;
  }
  
  @media screen and (max-width: 768px) {
    .showcase .showcase-img {
      min-height: 15rem;
      background-size: cover;
    }
  }
  
  .img-tool{
    max-width: 100%;
  }
  
  .caro-text{
    /* margin-top: 10%;
    margin-right: 2%;
    margin-left: 2%; */
    margin-bottom: 5%;
  }
  
  @media screen and (max-width: 1023px) {
    .caro-text{
      padding-top: 3rem;
      padding-left: 3rem;
      padding-right: 3rem;
    }
  }
  
  .caro-margin{
    margin-top: 20%;
    /* margin-left: 5%;
    margin-right: 5%; */
  }
  
  @media screen and (max-width: 768px) {
    .caro-text{
      margin-bottom: 0%;
    }
    
    .caro-margin{
      margin-top: 0%;
    }
  }
  
  /* einde test showcase how it works */
  
  /* clients */
  
  .client-logo-hover:hover{
    cursor: pointer;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  /* einde clients */
  
  
  
  /* modal */
  
  #myImg-1 #myImg-2 #myImg-3{
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    cursor: pointer;
  }
  
  /* nog kijken voor pointer  */
  #myImg-1 #myImg-2 #myImg-3:hover{
    cursor: pointer;
  }
  
  /* #myImg-2 {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  }
  
  #myImg-3 {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  } */
  
  
  /* #myImg:hover {opacity: 0.7;} */
  
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 900px;
    background-color: rgba(255, 255, 255, 0);
  }
  
  /* Caption of Modal Image */
  #caption-1 #caption-2 #caption-3{
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* #caption-2 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
  }
  
  #caption-3 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
  } */
  
  /* Add Animation */
  .modal-content, #caption-1 #caption-2 #caption-3 {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
  }
  
  /* modal voor tutorial pagina */
  .modal-tut {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  #myImg-tut-1 #myImg-tut-2 #myImg-tut-3 #myImg-tut-4 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    cursor: pointer;
  }
  
  #caption-tut-1 #caption-tut-2 #caption-tut-3 #caption-tut-4{
    margin: auto;
    display: block;
    width: 90%;
    /* max-width: 900px; */
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  .modal-content-tut {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 900px;
    background-color: rgba(255, 255, 255, 0);
  }
  
  .modal-content-tut, #caption-tut-1 #caption-tut-2 #caption-tut-3 #caption-tut-4{
    width: 90%;
    max-width: 1500px;  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @media only screen and (max-width: 700px){
    .modal-content-tut {
      width: 100%;
    }
  }
  
  .img-tut-hover:hover{
    cursor: pointer;
  }
  
  /* einde modal voor tutorial pagina */
  
  /* einde modal */
  
  /* FAQ */
  
  .faq-section{
    padding-top: 3rem;
    padding-bottom: 3rem;
    /* margin-bottom: 2rem; */
    background-color: #4f2d7d;
  }
  
  @media screen and (min-width: 1024px) {
    .faq-section{
      min-height: 26rem;
    }
  }
  
  .faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
  }
  .faq-nav .nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    color: #616161;
    transition: background-color 0.2s ease;
  }
  .faq-nav .nav-link:hover {
    /* background-color: #4f2d7d; */
    background-color: #ff486dad;
    color: #fff;
  }
  .faq-nav .nav-link.active {
    /* background-color: #4f2d7d; */
    background-color: #de002e;
    font-weight: 700;
    /* color: rgba(0, 0, 0, .87); */
    color: #fff;
  }
  .faq-nav .nav-link:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0;
  }
  .faq-icon {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
  }
  .tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
  }
  .tab-content .card {
    border-radius: 0;
  }
  .tab-content .card-header {
    padding: 15px 16px;
    border-radius: 0;
    background-color: #f6f6f6;
  }
  
  /* .tab-content .card-header:hover {
  background-color: #4f2d7d;
  }
  .faq-card-title:hover {
  color: #fff;
  }
  
  .tab-content .card-header.active{
  background-color: #4f2d7d;
  }
  
  .faq-card-title.active {
  color: #fff;
  } */
  
  .tab-content .card-header h5 {
    margin: 0;
  }
  .tab-content .card-header h5 button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    text-align: left;
    white-space: normal;
  }
  .tab-content .card-header h5 button:hover, .tab-content .card-header h5 button:focus, .tab-content .card-header h5 button:active, .tab-content .card-header h5 button:hover:active {
    text-decoration: none;
  }
  .tab-content .card-body p {
    color: #616161;
  }
  .tab-content .card-body p:last-of-type {
    margin: 0;
  }
  .accordion > .card:not(:first-child) {
    border-top: 0;
  }
  .collapse.show .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
  }
  
  .contact-faq{
    padding-top: 3rem;
    padding-bottom: 3rem;
    /* margin-bottom: 4rem; */
  }
  
  .faq-hr{
    margin-top: 3rem;
  }
  
  
  /* Einde FAQ */
  
  /* instructions list */
  
  /* .instructions-stappenplan{
  padding-top: 2rem;
  padding-bottom: 2rem;
  } */
  
  /* .instruction-list-card{
  border-left: none;
  border-right: none;
  } */
  
  .instruction-title{
  margin-top: 2rem;
  }
  
  .instruction-gt-color-card{
    background-color: #4f2d7d;
  }
  
  .instruction-light-color-card{
    background-color: #f8f9fa!important;
  }
  
  /* einde instructions list */
  
  
  /* test 1 */
  #divMsg {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    margin-top: 20px;
    display: none;
  }
  
  /* #divMsg3 {
    display:none;
  } */
  
  #hide {
    display: none;
  }
  
  /* einde test 1 */
  
  
  /* test scroll section mainpage */
  /* scroll image contact list */
  .container .scrollimg{
    /*   max-width: 960px; */
      margin: 100px auto;
    }
    
    section.module:last-child {
      margin-bottom: 0;
    }
    
    section.module h2 {
      margin-bottom: 40px;
      font-size: 30px;
    }
    
    section.module p {
      margin-bottom: 40px;
      font-size: 16px;
      font-weight: 300;
    }
    
    section.module p:last-child {
      margin-bottom: 0;
    }
    
    section.module.content {
      padding: 40px;
    }
    
    section.module.parallax {
      height: 300px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
    }
    
    section.module.parallax-2 {
      background-image: url("/resources/img/banner 1 - gray.jpg");
    }
    
    .scrollimg .btn-gt-wit{
      margin: 0;
    }
    
    .scrollimg .btn-gt-rood{
      margin: 0;
      background-color: inherit;
    }
    
    .scrollimg .form-control-lg {
      padding: .6rem 1rem;
      border-radius: 0;
    }
    
    .scrollimg .form-control {
      border: 2px solid #de002e;
      border-radius: 0;
    }
    
    .overlay-call {
      position: absolute;
      background-color: #212529;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      opacity: 0.3;
    }
    
    /* einde scroll image contact list */
  
  
  /* Landing page  */
  
  /* test header */
  /* header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("/resources/img/bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
  } */
  
  header.masthead {
    position: relative;
    background-color: black;
    /* height: 75vh; */
    height: 65vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  
  
  header.masthead .container {
    position: relative;
    z-index: 2;
  }
  
  
  /* header.masthead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #212529;
    opacity: 0.3;
    z-index: 1;
  } */
  
  header.masthead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: linear-gradient(to bottom, transparent, #000); */
    background: linear-gradient(to bottom, transparent -5%, #000 79%);
    opacity: .6;
    z-index: 1;
  }
  
  /* .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #212529;
    opacity: 0.3;
    z-index: 1;
  } */
  
  header.masthead video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  @media (pointer: coarse) and (hover: none) {
    header.masthead {
      background: url('/resources/img/header-klein.PNG') black no-repeat center center scroll;
    }
    header.masthead video {
      display: none;
    }
  }
  
  header.masthead2 {
    position: relative;
    background-color: white;
    width: 100%;
    overflow: hidden;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  
  
  header.masthead2 .container {
    position: relative;
    z-index: 2;
  }
  
  header.masthead2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: linear-gradient(to bottom, transparent, #000); */
    background: linear-gradient(to bottom, transparent -5%, #000 79%);
    opacity: .6;
    z-index: 1;
  }
  
  
  @media (pointer: coarse) and (hover: none) {
    header.masthead2 {
      background: url('/resources/img/header-klein.PNG') black no-repeat center center scroll;
    }
  }
  
  header.masthead3 {
    position: relative;
    background-color: white;
    width: 100%;
    overflow: hidden;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  
  
  header.masthead3 .container-fluid {
    position: relative;
    z-index: 2;
  }
  
  header.masthead3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: linear-gradient(to bottom, transparent, #000); */
    background: linear-gradient(to bottom, transparent -5%, #000 79%);
    opacity: .6;
    z-index: 1;
  }
  
  
  @media (pointer: coarse) and (hover: none) {
    header.masthead3 {
      background: url('/resources/img/header-klein.PNG') black no-repeat center center scroll;
    }
  }
  
  .imgMastHead{
    height: 155px;
    width: auto;
  }
  
  .mainHeaderTitle{
    font-size: 6rem;
    font-weight: 700;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
    margin-top: 65px;
  }
  
  @media screen and (max-width: 768px) {
    .mainHeaderTitle{
      font-size: 4rem;
      margin-top: 0px;
    }
  } 
  
  .mainHeaderTitle2{
    font-size: 6rem;
    font-weight: 700;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
  }
  
  @media screen and (max-width: 768px) {
    .mainHeaderTitle2{
      font-size: 4rem;
      margin-top: 0px;
    }
  } 
  
  .mainHeaderTitle3{
    font-size: 6rem;
    font-weight: 700;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
  }
  
  @media screen and (max-width: 768px) {
    .mainHeaderTitle3{
      font-size: 4rem;
      margin-top: 0px;
    }
  } 
  
  .mainHeaderTitleColor{
    color: #4F2D7F;
  }
  
  .scroll-button {
    text-align: center;
  }
  .scroll-button p {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -50px;
    color: #fff;
    font-size: 16px;
    font-family: "Gotham-Narrow-Book";
  }
  .scroll-button a {
    background: #ffffff;
    border-radius: 50%;
    display: block;
    width: 82px;
    height: 82px;
    box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.07);
    text-align: center;
    padding-top: 30px;
    margin: 0 auto;
    margin-top: -45px;
    z-index: 55;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
  }
  
  .demo a {
    position: absolute;
    /* bottom: 20px; */
    top: 100px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
  }
  .demo a:hover {
    opacity: .5;
  }
  
  #section04 a {
    padding-top: 60px;
  }
  #section04 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
    box-sizing: border-box;
  }
  @-webkit-keyframes sdb04 {
    0% {
      -webkit-transform: rotate(-45deg) translate(0, 0);
    }
    20% {
      -webkit-transform: rotate(-45deg) translate(-10px, 10px);
    }
    40% {
      -webkit-transform: rotate(-45deg) translate(0, 0);
    }
  }
  @keyframes sdb04 {
    0% {
      transform: rotate(-45deg) translate(0, 0);
    }
    20% {
      transform: rotate(-45deg) translate(-10px, 10px);
    }
    40% {
      transform: rotate(-45deg) translate(0, 0);
    }
  }
  
  
  /* einde test header */
  
  
  .main-titel-gt{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    font-family: "GT-Walsheim-Pro",Arial,Helvetica,sans-serif!important;
    margin-right: 1rem;
  }
  
  @media screen and (max-width: 767px) {
    .main-titel-gt{
      margin-top: 0rem;
      /* margin-bottom: 0.5rem; */
      /* text-align: center; */
      font-size: 1.5rem;
    }
  }  
  
  .main-sub-titel{
    padding-right: 1.5rem;
  }
  
  .mainIconVoordelen{
    font-size: 4rem;
    /* margin-right: 1rem; */
    padding: 1rem;
    padding-top: 1.5rem;
    /* color: #4f2d7f; */
    color: #fff;
  }
  
  .mainCardVoordelen{
    border: 0px;
  }
  
  /* nieuwe card tools test */
  
  .rowTools > div[class*='col-'] {
    display: flex;
    flex:1 0 auto;
  }
  
  .toolSection .card {
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    /* padding: 2.25rem 0; */
    /* padding-bottom: 2.25rem; */
    padding-top: 0;
    position: relative;
    will-change: transform;
  }
  
  /* .toolSection .cardTools{
    padding-bottom: 2.25rem;
    padding-top: 0;
  } */
  
  /* .toolSection .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #4F2D7F;
    transition: 0.5s;
  } */
  
  .toolSection .card:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .08);
  }
  
  .toolSection .card:hover:after {
    width: 100%;
  }
  
  .cardToolBody {
    padding-top: 0;
    padding: 0 1.5rem;
  }
  
  .cardToolLabel{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4F2D7F;
    color: #fff;
    padding: 0.8em;
  }
  
  .cardToolLabel span {
    display: block;
    text-align: center;
  }
  
  .cardToolLabel .date .cardToolCat {
    font-weight: 700;
    font-size: 24px;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
  }
  
  .cardToolTextPadding{
    padding: 0 1.5rem;
  }
  
  .cardToolTitle{
    margin-bottom: 1rem;
  }
  
  .cardToolTitleContainer{
    min-height: 3.5rem;
  }
  
  .cardToolTitleTextContainer{
    min-height: 11rem;
  }
  
  .cardToolText{
  font-size: 1.1rem;
  /* font-weight: 700; */
  }
  
  /* .containerButton{
    height: 4rem;
  } */
  
  .containerButton .cardToolButton{
    float: right;
    width: calc(20% - 2px);
    height: 100%;
    background: #de002e;
    transition: background 0.5s;
    /* border-left: solid thin rgba(0, 0, 0, 0.1); */
  }
  
  .containerButton .cardToolButton i {
    font-size: 30px;
    padding: 20px;
    color: #fff;
    transition: transform 0.5s;
  }
  
  .containerButton .cardToolButton:hover {
    background: rgb(230, 230, 230);
  }
  .containerButton .cardToolButton:hover i {
    transform: translateX(5px);
    color: #de002e;
  }
  
  .card-footer-Tools{
    border-top: 0px;
    background-color: white;
    padding: 0;
  }
  
  .containerButtonTool .cardToolButton2{
    float: right;
    width: calc(25% - 0px);
    height: 100%;
    background: #de002e;
    transition: background 0.5s;
    /* border-left: solid thin rgba(0, 0, 0, 0.1); */
  }
  
  .containerButtonTool .cardToolButton2 i {
    font-size: 30px;
    padding: 20px;
    color: #fff;
    transition: transform 0.5s;
  }
  
  .containerButtonTool .cardToolButton2:hover {
    background: rgb(230, 230, 230);
  }
  .containerButtonTool .cardToolButton2:hover i {
    transform: translateX(5px);
    color: #de002e;
  }
  
  /* voorbeeld voor button */
  .example-1 .menu-button {
    position: absolute;
    z-index: 999;
    top: 16px;
    right: 16px;
    width: 25px;
    text-align: center;
    cursor: pointer;
  }
  .example-1 .menu-button span {
    width: 5px;
    height: 5px;
    background-color: #808080;
    color: #808080;
    position: relative;
    display: inline-block;
    border-radius: 50%;
  }
  .example-1 .menu-button span::after, .example-1 .menu-button span::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    position: absolute;
    border-radius: 50%;
  }
  .example-1 .menu-button span::before {
    left: -10px;
  }
  .example-1 .menu-button span::after {
    right: -10px;
  }
  
  .cardToolsBinnenkort{
    transform: none !important;
  }
  
  .cardOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: linear-gradient(to bottom, transparent, #000); */
    /* background: linear-gradient(to bottom, transparent -5%, #000 79%); */
    background-color: #212529;
    opacity: .3;
    z-index: 1;
  }
  
  .binnenkortBanner{
    position: absolute;
    top: 50%;
    left: 0;
    /* height: 4rem; */
    width: 100%;
    background-color: #de002e;
    opacity: 100;
    z-index: 2;
  }
  
  
  /* einde nieuwe card tools test */
  
  /* mainSplitContainer (vraag brochure) */
  
  /* .mainSplitContainer{
  
  } */
  
  .mainSplitConPadL{
    padding-left: 0px;
  }
  
  .mainSplitConPadR{
    padding-left: 30px;
    /* padding-right: 0px; */
  }
  
  
  /* einde mainSplitContainer (vraag brochure) */
  
  /* parallax test */
  
  .parallax {
    position:relative;
    z-index:1;
    /* height:100px; */
    /* -webkit-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75); */
  }
  
  #trans3 {
    background: url('/resources/img/gt-rotterdam.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* height:150px; */
  }
  
  #trans4 {
    background: url('/resources/img/gt-rotterdam2.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* height:150px; */
  }
  
  #trans5 {
    background: url('/resources/img/gt-rotterdam3.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* height:150px; */
  }
  
  .parallaxTitle{
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
    font-size: 3rem;
  }
  
  /* einde parallax test */
  
  /* nieuws/update section */
  
  /* .mainNieuwsCatBG */
  
  .mainNieuwsCard{
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    /* padding: 2.25rem 0; */
    /* padding-bottom: 2.25rem; */
    padding-top: 0;
    position: relative;
    will-change: transform;
  }
  
  .mainNieuwsCard .row{
    height: 100%;
  }
  
  /* .rowNieuwsCardHeight{
    height: 100%;
  } */
  
  .mainNieuwsCardTitle{
    color: #4F2D7F;
    text-decoration: none;
  }
  
  .mainNieuwsCardTitle:hover {
    color: #de002e;
    text-decoration: underline;
  }
  
  
  a.custom-card {
    color: inherit;
  }
  
  a.custom-card:hover{
    color: #de002e;
  }
  
  .mainNieuwsCardText:hover{
    color: black!important;
    text-decoration: none!important;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton{
    float: right;
    color: #de002e;
    text-decoration: none;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton i {
    font-size: 90%;
    padding-left: 7px;
    color: #de002e;
    text-decoration: none;
    transition: transform 0.3s;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton:hover i {
    transform: translateX(5px);
    color: #de002e;
  }
  
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite{
    float: right;
    color: white;
    text-decoration: none;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite i {
    font-size: 90%;
    padding-left: 7px;
    color: white;
    text-decoration: none;
    transition: transform 0.3s;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite:hover i {
    transform: translateX(5px);
    color: white;
  }
  
  .mainNieuwsCatTitle{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    top: 79px;
    left: -50px;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCardVertiCon{
    height: 100%;
    width: 100%;
    justify-content: center;
    margin: auto;
    align-items: center;
  }
  
  .mainNieuwsCatTitle2{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    /* top: 20%; */
    bottom: -29%;
    left: -60%;
    text-align: right;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCatTitle3{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    /* top: 20%; */
    bottom: -42%;
    left: -120%;
    text-align: right;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCardVertiCon2{
    display:block;
    position:absolute;
    top:0;
    left:15px;
    bottom:0;
    width:2em; /* line-height of .wrapper div:first-child span */
    overflow:hidden;
    white-space:nowrap;
  }
  .mainNieuwsCardVertiCon2 h3 {
    -moz-transform-origin:0 50%;
    -moz-transform:rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin:0 50%;
    -webkit-transform:rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin:0 50%;
    -o-transform:rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin:0 50%;
    -ms-transform:rotate(-90deg) translate(-50%, 50%);
    transform-origin:0 50%;
    transform:rotate(-90deg) translate(-50%, 50%);
    position:absolute;
    top:0;
    bottom:0;
    height:2em; /* line-height of .wrapper div:first-child span */
    margin:auto;
    /* font-weight:bold; */
    text-transform: uppercase;
    /* font-size:2em; */
    line-height:1em; /* Copy to other locations */
    color: white;
  }
  
  .mainNieuwsCardVertiCon2 h4 {
    -moz-transform-origin:0 50%;
    -moz-transform:rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin:0 50%;
    -webkit-transform:rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin:0 50%;
    -o-transform:rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin:0 50%;
    -ms-transform:rotate(-90deg) translate(-50%, 50%);
    transform-origin:0 50%;
    transform:rotate(-90deg) translate(-50%, 50%);
    position:absolute;
    top:0;
    bottom:0;
    height:2em; /* line-height of .wrapper div:first-child span */
    margin:auto;
    /* font-weight:bold; */
    text-transform: uppercase;
    /* font-size:2em; */
    line-height:1em; /* Copy to other locations */
    color: white;
  }
  
  /* einde nieuws/update section */
  
  /* breadcrumbs secundaire pagina's */
  
  .breadcrumbsBalk{
    background-color: #fff;
    padding-left: 0px;
    padding-top: 1rem;
  }
  
  .breadcrumb-dot .breadcrumb-item+.breadcrumb-item::before {
    content: "•";
    color: #4F2D7F;
  }
  
  .breadcrumb a :hover{
    color: #de002e;
    text-decoration: none;
    transition: transform 0.3s;
  }
  
  
  /* einde breadcrumbs secundaire pagina's */
  
  /* pagination */
  
  .floatRight{
    float: right;
  }
  
  .paginatorBottom{
    margin-bottom: 0;
  }
  
  /* einde pagination */
  
  /* persberichten pagina */
  
  .persberichtCardHeader{
    padding: 0;
  }
  
  
  /* einde persberichten pagina */
  
  
  
  /* Social section secundaire */
  .socialSection{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .socialSymbolButtons{
    padding-top: 0;
    font-size: 2rem;
    color: #4F2D7F;
  }
  
  .socialSectionTitle{
    font-weight: bold;
    color: #212529;
    margin-bottom: 0;
    padding-top: 0.7rem;
  }
  
  /* .icon-hover-rood a:hover {
    color: #de002e;
    transition: all 0.3s ease;
  } */
  
  /* einde social section secundaire */
  
  /* Contact form contact pagina */
  
  .contactFormInputField{
    border-radius: 0;
  }
  
  /* Einde contact form contact pagina */
  
  /* world map test pagina */
  
  .worldMapMargin{
    margin-top: 4rem;
    margin-left: 7rem;
  }
  
  .subContentContainerHeight{
    height: 40%;
  }
  
  .scrollSection {
    height: 20rem;;
    overflow-y: scroll;
  }
  
  #map {
    height: 100%;
  }
  
  /* einde world map test pagina */
  
  /* test social buttons header mainpage */
  
  .social-icons {
    position: absolute;
    margin-bottom: 2rem;
    width: 100%;
    z-index: 2;
  }
  
  .social-icons ul {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
  }
  
  .social-icons ul > li {
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block;
  }
  
  .social-icons ul > li > a {
    display: block;
    color: #4F2D7F;
    background-color: white;
    border-radius: 100%;
    font-size: 2rem;
    line-height: 4rem;
    height: 4rem;
    width: 4rem;
  }
  
  @media (min-width: 768px) {
    .social-icons {
      margin: 0;
      position: absolute;
      right: 2.5rem;
      bottom: 2rem;
      width: auto;
    }
    .social-icons ul {
      margin-top: 0;
      width: auto;
    }
    .social-icons ul > li {
      display: block;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    .social-icons ul > li:last-child {
      margin-bottom: 0;
    }
    .social-icons ul > li > a {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      font-size: 2rem;
      line-height: 4rem;
      height: 4rem;
      width: 4rem;
    }
    .social-icons ul > li > a:hover {
      color: white;
      background-color: #4F2D7F;
    }
  }
  
  /* einde test social buttons header mainpage */
  
  /* einde landing page */
  
  
  /* vragenlijst */
  
  
  /* einde vragenlijst */
  
  /*  testlijst */
  .buttonHover:hover a{
    text-decoration: none;
  }
  
  .astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: default;
    text-decoration: none;
  }
  
  .astext:hover {
    text-decoration: none;
      color: #fff;
  }
  /* einde testlijst */
  
  
  /* GT-Overview */
  
  .contourImg{
    max-height: 250px;
  }
  
  .cardBorderOverview{
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
  }
  
  /* einde GT-Overview */
  
  /* test chat */
  
  .username{
    font-weight: bold;
  }
  
  .time{
    font-size: 0.7em;
    color: #999;
  }
  
  .update-mssg{
    text-align: center;
    margin: 20px auto;
  }
  
  /* einde test chat */
  
  /* GT box 3 berekening */
  
  .bgSize{
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  
  .hrGTPaars{
    color: #4F2D7F;
    border-top: 2px solid rgba(79, 45, 127, 0.151);
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
  }
  
  .berekeningCard {
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    /* padding: 2.25rem 0; */
    /* padding-bottom: 2.25rem; */
    padding-top: 0;
    position: relative;
    will-change: transform;
  }
  
  .berekeningCardHeader{
    border-radius: 0 !important;
    border: 0;
  }
  
  @media (max-width: 1024px) {
    .berekeningCardHeader h3{
      font-size: 1.7rem;
    }
  }
  
  @media (min-width: 450px) and (max-width: 800px) {
    .berekeningCardHeader h3{
      font-size: 1.28rem;
    }
  }
  
  @media (max-width: 450px) {
    .berekeningCardHeader h3{
      font-size: 1.17rem;
    }
  }
  
  .borderRadInputfield{
    border-radius: 0 !important;
  }
  
  .BerekeningBottomBorder{
    /* color: #4F2D7F; */
    border-bottom: 2px solid rgba(79, 45, 127, 0.151);
  }
  
  .berekeningSubCards{
    border: 0;
  }
  
  .imgFrameBerekening {
    /* widows: 100%; */
    height: 223px;
    overflow: hidden;
  }
  
  .imgBerekening {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  
  .tableTopBorder{
    border-top: 0;
  }
  
  .berekeningCelCenter{
    vertical-align: middle;
  }
  
  .berekeningTableColor{
    background-color: rgba(79, 45, 127, 0.342);
  }
  
  .berekeningTableColorSec{
    background-color: #d6d8dbce;
  }
  
  .berekeningTableColorTrip{
    background-color: #eeeeee4f;
  }
  
  .nadeligResult{
    color: red;
  }
  
  .voordeligResult{
    color: green;
  }
  
  .liList{
    list-style: none;
  }
  
  .tableSmall{
    display: none;
  }
  
  .tableLarge{
    display: block;
  }
  
  .berekeningSysteemNieuwHuidigLarge{
    display: block;
  }
  
  .berekeningSysteemNieuwHuidigSmall{
    display: none;
  }
  
  @media (max-width: 1200px) {
    .imgFrameBerekening {
      height: 307px;
    }
  }
  
  @media (max-width: 1024px) {
    .imgFrameBerekening {
      height: 274px;
    }
  
    .imgBerekening {
      /* position: relative;
      top: 50%;
      transform: translateY(-50%); */
      width: 120%;
    }
  }
  
  @media (max-width: 800px) {
    .imgFrameBerekening {
      height: 266px;
    }
  }
  
  @media (min-width: 644px) and (max-width: 800px) {
    .imgFrameBerekening {
      height: 267px;
    }
  }
  
  @media (min-width: 583px) and (max-width: 643px) {
    .imgFrameBerekening {
      height: 278px;
    }
  
    .imgBerekening {
      /* position: relative;
      top: 50%;
      transform: translateY(-50%); */
      width: 150%;
    }
  }
  
  @media (min-width: 577px) and (max-width: 582px) {
    .imgFrameBerekening {
      height: 300px;
    }
  
    .imgBerekening {
      /* position: relative;
      top: 50%;
      transform: translateY(-50%); */
      width: 160%;
    }
  }
  
  @media (max-width: 575px) {
    .berekeningCardMain{
      margin-bottom: 1rem;
    }
  }
  
  
  @media (max-width: 500px) {
    .imgFrameBerekening {
      height: 100%;
    }
  
    .bgSize{
      padding-bottom: 1rem;
      padding-top: 1rem;
    }
    
  }
  
  @media (max-width: 330px) {
    .imgFrameBerekening {
      height: 180px;
    }
  }
  
  @media (max-width: 600px) {
    .tableSmall{
      display: block;
    }
    .tableLarge{
      display: none;
    }
  
    .berekeningSysteemNieuwHuidigLarge{
      display: none;
    }
    
    .berekeningSysteemNieuwHuidigSmall{
      display: block;
    }
  }
  
  
  @media (max-width: 1024px) {
    .berekeningSubCardsRespons{
      padding-top: 1.5rem!important;
      padding-bottom: 3rem!important;
    }
  }
  
  @media (min-width: 450px) and (max-width: 800px) {
    .berekeningSubCardsRespons{
      padding-top: 1rem!important;
      padding-bottom: 1.5rem!important;
    }
  }
  
  @media (max-width: 450px) {
    .berekeningSubCardsRespons{
      padding-top: 1rem!important;
      padding-bottom: 1rem!important;
    }
  }
  
  .textGTGeneral{
    font-size: 1.25rem;
    line-height: 175%;
    font-weight: 400;
  }
  
  
  /* einde GT box 3 berekening */
  
  /* test header box 3 landing page */
  
  .banner-block--video .background--darker-image:before {
    z-index: 1;
  }
  
  .background--darker-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: -999em;
    bottom: 0;
    left: -999em;
    background-image: linear-gradient(to bottom, transparent, #000);
    opacity: .6;
    z-index: 1;
  }
  
  .video-background {
    position: absolute;
    direction: ltr;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    overflow: hidden;
  }
  
  /* einde test header box 3 landing page */
  
  /* tool promotion section */
  
  .rekentoolImg{
    /* width: 100%; */
    width: 90%;
    height: auto;
  }
  
  .rekenToolPadding{
    padding: 3rem;
  }
  
  @media (max-width: 450px) {
    .rekenToolPadding{
      padding: 0.75rem;
    }
  
    .rekentoolImg{
      width: 100%;
    }
  
  }
  
  /* einde tool promotion section */
  
  /* FAQ op sub landing page */
  
  /* #accordion .panel-heading { padding: 0;}
  #accordion .panel-title > a {
      display: block;
      padding: 0.4em 0.6em;
      outline: none;
      font-weight:bold;
      text-decoration: none;
  }
  
  #accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
      content:"\e113";
      float: left;
      font-family: 'Glyphicons Halflings';
      margin-right :1em;
  }
  #accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
      content:"\e114";
  } */
  
  .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
  }
  
  .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
  }
  
  .panel-title {
    font-size: 20px;
  }
  
  .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #212121 !important;
  }
  
  .panel-title > a:hover {
    display: block;
    padding: 15px;
    text-decoration: underline;
  }
  
  .more-less {
    float: right;
    color: #212121 !important;
  }
  
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
  }
  
  
  .cardFaqSubPage{
    border-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,0.12);
  }
  
  .btn-linkFaq{
    font-size: 1.25rem;
    color: #202020;
  }
  
  .btn-linkFaq:hover{
    /* text-decoration: underline; */
    text-decoration: none;
    color: #202020;
  }
  
  .btn-linkFaq:active{
    /* text-decoration: underline; */
    text-decoration: none;
    color: #202020;
  }
  
  .collapseAniIcon {
    /* float: left; */
    color: #4f2d7d;
    padding-right: 1rem;
    /* padding-left: 0; */
  }
  
  .faqCardHeaderPad{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  /* einde FAQ op sub landing page */
  
  /* GT container test */
  
  .containerGT{
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  
  @media (min-width: 1300px){
    .containerGT{
      width: 1172px;
    }
  }
  
  @media (min-width: 1024px) and (max-width: 1299px){
    .containerGT{
      width: calc(100% - 64px);
    }
  }
  
  @media (min-width: 768px) and (max-width: 1023px){
    .containerGT{
      width: calc(100% - 64px);
    }
  }
  
  @media (max-width: 768px){
    .containerGT{
      width: 100%;
    }
  }
  
  
  
  
  /* .category{
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 96px;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing: 5px;
  }
  
   .category{
    font-size: 1.4rem;
    line-height: 125%;
    font-weight: 400;
    letter-spacing: 0.2em;
    margin: 0 0 15px 0;
  } */
  
  
  .contentBlock{
    position: relative;
    z-index: 10;
  }
  
  /* .doubleSections{
    padding-top: 128px;
    padding-bottom: 128px;
  } */
  
  .leftColSection{
    padding-top: 128px;
    padding-bottom: 128px;
    position: static;
    padding-right: 5%;
    background-color: #4F2D7F;
  }
  
  .colLeft .backgroundGTDouble {
    right: 0;
    left: auto;
    padding-left: 999em;
    margin-left: -999em;
    padding-bottom: 999em;
    margin-bottom: -999em;
  }
  
  .colLeft .backgroundGTDouble {
    width: 100%;
  }
  
  .backgroundGTDouble {
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    direction: ltr;
  }
  
  .rightColSection{
    padding-top: 128px;
    padding-bottom: 128px;
    position: static;
    padding-left: 5%;
  }
  
  
  @media (min-width: 1300px){
    .leftColSection{
      padding-right: 128px;
    }
    
    .rightColSection{
      padding-left: 128px;
    }
  }
  
  .categorieSectionSubTitel{
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 96px;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing: 5px;
  }
  
  .categorieSectionSubTitelTools{
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing: 5px;
  }
  
  .categorieSectionTitel{
    display: block;
    /* margin-top: -60px; */
    /* font-size: 4.8rem; */
    font-size: 3rem;
    line-height: 1.16666em;
    /* margin: -60px 0 15px 0; */
    margin: -70px 0 15px 0;
    font-weight: 300;
    font-style: normal;
  }
  
  .categorieSectionPara{
    /* font-size: 1.6rem; */
    font-size: 1.25rem;
    line-height: 150%;
    margin: 0 0 15px 0;
  }
  
  .categorieSectionTitelSmaller{
    font-size: 2.75rem !important;
  }
  
  /* einde GT container test */
  
  
  /* persbericht pagination */
  
  .page {
    display: none;
  }
  .page-active {
    display: block;
  }
  
  /* einde persbericht pagination */
  
  /* nieuwsbrief test */
  
  .cardNieuws{
    border-radius: 0;
  }
  
  .overlayNieuws {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.3;
    z-index: 2;
  }
  
  #trans3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: linear-gradient(to bottom, transparent, #000); */
    background: linear-gradient(to bottom, transparent -5%, #000 79%);
    opacity: .6;
    z-index: 2;
  }
  
  .search-text{
      /* margin-top:50px; */
      background-color:#292929c7;
      /* padding-top:60px;
    padding-bottom:60px; */
    padding: 10px;
    border: 0;
  }
      
  .search-text .input-search{
      height:45px;
    /* width:400px; */
    width:470px;
      padding-left:20px;
      color:#333;
      border: 0;
  } 
  
  .search-text .btn-search{
      background-color:#de002e;
      border:1px solid #de002e;
      color:#FFF;
      padding: 11px 22px;
  }
  
  .search-text  .btn-search:hover{
    background-color:#FFF;
    border:1px solid #FFF;
      color:#de002e;
  }
  
  /* einde nieuwsbrief test */
  
  /* headerimg test */
  
  .headerImg{
    /* position: absolute;
    width: 1500px;
    height: 102%;
    margin: 0 auto;
    right: 0;
    background-size: 350px;
    background-position: 100% 65%; */
    position: relative;
    color: #fff;
    overflow: hidden;
    background: #fff;
  }
  
  .headerBackground{
    position: absolute;
    width: 1500px;
    height: 102%;
    margin: 0 auto;
    right: 0;
    background-size: 350px;
    background-position: 100% 65%;
    background-image: url('/resources/img/global_business3_rgb_red_34804_0.png');
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    direction: ltr;
  }
  
  @media (min-width: 1300px){
  .headerBackground {
      background-size: 600px;
  }
  
  @media (min-width: 768px){
  .headerBackground {
      background-size: 500px;
  }
  
  .headerBackground {
    /* background-size: 600px; */
    background-position: 100% 40%;
    /* background-position: 100% 0; */
  }
  
  /* einde headerimg test */
  
  /* brandicon */
  
  .voordelenBrandIcon{
    height: 65px;
  }
  
  .cardVoordelenBorder{
    border: 0;
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
  }
  
  /* end brandicon */
  
  /* vies site */
  
  /* vies login */
  
  .viesLoginCard{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  @media screen and (max-width:767px) {
    .viesLoginCard{
      padding-top: 2rem;
      padding-bottom: 1.5rem;
    }
  }
  
  .viesLoginCard .card-title{
    color: #4f2d7f;
  }
  
  .viesLoginCard .card {
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
    border-radius: 0;
  }
  
  .vies-icon-login{
    /* width: 11rem; */
    /* width: 100%; */
    height: auto;
    margin-bottom: 1rem;
  }
  
  @media screen and (max-width: 768px){
    .vies-icon-login img{
      width: 50%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px){
    .vies-icon-login img{
      width: 30%;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .vies-icon-login img{
      width: 60%;
    }
  }
  
  
  /* @media screen and (max-width: 768px){
    .vies-icon-login{
      width: 50%;
      height: auto;
      margin-bottom: 1rem;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px){
    .vies-icon-login{
      width: 30%;
      height: auto;
      margin-bottom: 1rem;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .vies-icon-login{
      width: 75%;
      height: auto;
      margin-bottom: 1rem;
    }
  } */
  
  .loginViesButton a:hover {
    /* color: #0056b3; */
    text-decoration: none;
  }
  
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    /* border-color: #80bdff; */
    outline: 0;
    box-shadow: 0;
  }
  
  .formvat{
    border-radius: 0;;
  }
  
  
  /* vies tool instructions */
  
  .instrCardSection{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .btnInstr {
      border-radius: 2px;
      padding: 8px 12px;
      color: #4F2D7F;
      font-size: 14px;
      font-weight: 500;
      text-decoration: none;
      text-transform: uppercase;
      transition: 0.5s ease;
  }
  .cardInstr {
      background: #fff;
      /* max-width: 400px; */
      max-width: 90%;
      margin: 100px auto;
      border-radius: 0;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      box-sizing: border-box;
      padding: 48px;
      text-align: center;
  }
  .productsInstr {
      position: relative;
      overflow: hidden;
      transition: 0.5s ease;
  }
  .productInstr {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      transition: 0.5s ease;
  }
  .productInstr.activeInstr {
      opacity: 1;
      visibility: visible;
  }
  .thumbnailInstr {
      margin: 0 0 48px;
  }
  .titleInstr {
      margin: 0 0 12px;
      color: #4F2D7F;
      font-size: 24px;
      transition: 0.5s ease;
  }
  .titleInstr2{
    display: inline-block;
    color: #4F2D7F;
    /* margin-top: -15px; */
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing: 5px;
    text-align: left;
  }
  .descriptionInstr {
      margin: 0 0 48px;
  }
  .footerInstr {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin: 0 -12px -12px;
  }
  
  
  /* Einde vies tool instructions */
  
  /* einde vies login */
  
  
  /* basis layout vies tool */
  
  .phpToolCard{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
  }
  
  .scrollBox{
    width: auto;
    height: 410px;
    overflow: auto;
    border-radius: 0;
    background-color: white;
  }
  
  .listgroupToolScroll{
    border: 0;
    border-radius: 0!important; 
  }
  
  /* einde basis layout vies tool */


  /* nieuws/update section */

/* .mainNieuwsCatBG */

.mainNieuwsCard{
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    /* padding: 2.25rem 0; */
    /* padding-bottom: 2.25rem; */
    padding-top: 0;
    position: relative;
    will-change: transform;
  }
  
  @media (min-width: 575px) and (max-width: 994px){
    .mainNieuwsCard{
      min-width: 95%;
      /* margin-bottom: 5rem; */
    }
  }
  
  .mainNieuwsCard .row{
    height: 100%;
  }
  
  /* .rowNieuwsCardHeight{
    height: 100%;
  } */
  
  .mainNieuwsCardTitle{
    color: #4F2D7F;
    text-decoration: none;
  }
  
  .mainNieuwsCardTitle:hover {
    color: #de002e;
    text-decoration: underline;
  }
  
  
  a.custom-card {
    color: inherit;
  }
  
  a.custom-card:hover{
    color: #de002e;
  }
  
  .mainNieuwsCardText:hover{
    color: black!important;
    text-decoration: none!important;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton{
    float: right;
    color: #de002e;
    text-decoration: none;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton i {
    font-size: 90%;
    padding-left: 7px;
    color: #de002e;
    text-decoration: none;
    transition: transform 0.3s;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButton:hover i {
    transform: translateX(5px);
    color: #de002e;
  }
  
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite{
    float: right;
    color: white;
    text-decoration: none;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite i {
    font-size: 90%;
    padding-left: 7px;
    color: white;
    text-decoration: none;
    transition: transform 0.3s;
  }
  
  .mainNieuwsCardButtonCon .mainNieuwsCardButtonWhite:hover i {
    transform: translateX(5px);
    color: white;
  }
  
  .mainNieuwsCatTitle{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    top: 79px;
    left: -50px;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCardVertiCon{
    height: 100%;
    width: 100%;
    justify-content: center;
    margin: auto;
    align-items: center;
  }
  
  .mainNieuwsCatTitle2{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    /* top: 20%; */
    bottom: -29%;
    left: -60%;
    text-align: right;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCatTitle3{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position:relative;
    /* top: 20%; */
    bottom: -42%;
    left: -120%;
    text-align: right;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
  }
  
  .mainNieuwsCardVertiCon2{
    display:block;
    position:absolute;
    top:0;
    left:15px;
    bottom:0;
    width:2em; /* line-height of .wrapper div:first-child span */
    overflow:hidden;
    white-space:nowrap;
  }
  .mainNieuwsCardVertiCon2 h3 {
    -moz-transform-origin:0 50%;
    -moz-transform:rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin:0 50%;
    -webkit-transform:rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin:0 50%;
    -o-transform:rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin:0 50%;
    -ms-transform:rotate(-90deg) translate(-50%, 50%);
    transform-origin:0 50%;
    transform:rotate(-90deg) translate(-50%, 50%);
    position:absolute;
    top:0;
    bottom:0;
    height:2em; /* line-height of .wrapper div:first-child span */
    margin:auto;
    /* font-weight:bold; */
    text-transform: uppercase;
    /* font-size:2em; */
    line-height:1em; /* Copy to other locations */
    color: white;
  }
  
  .mainNieuwsCardVertiCon2 h4 {
    -moz-transform-origin:0 50%;
    -moz-transform:rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin:0 50%;
    -webkit-transform:rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin:0 50%;
    -o-transform:rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin:0 50%;
    -ms-transform:rotate(-90deg) translate(-50%, 50%);
    transform-origin:0 50%;
    transform:rotate(-90deg) translate(-50%, 50%);
    position:absolute;
    top:0;
    bottom:0;
    height:2em; /* line-height of .wrapper div:first-child span */
    margin:auto;
    /* font-weight:bold; */
    text-transform: uppercase;
    /* font-size:2em; */
    line-height:1em; /* Copy to other locations */
    color: white;
  }
  
  /* gt versie persberichten */
  
  .nieuwsCard{
    border: 0;
  }
  
  .sectionTitels2{
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 40px;
    line-height: 2.4rem;
    /* letter-spacing: 1px; */
  }
  
  .nieuwsCard .news-date{
    display: block;
    color: #74767a;
    margin-top: -15px;
    text-transform: uppercase;
    /* font-size: 1.4rem; */
    line-height: 125%;
    font-weight: 400;
    letter-spacing: 0.2em;
    margin: 0 0 15px 0;
  }
  
  .nieuwsCard .news-title {
    display: block;
    margin: 0 0 40px 0;
    color: #4F2D7F;
    transition: color .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    font-weight: 550;
  }
  
  .nieuwsCard .news-title:hover {
    color: #de002e;
  }
  
  .nieuwsCard .news-text{
    display: block;
    /* font-size: 1.8rem; */
    line-height: 200%;
    font-weight: 400;
    margin: -25px 0 15px 0;
  }
  
  /* .nieuwsCard .news-text{
    display: block;
    font-size: 1.6rem;
    line-height: 150%;
    margin: 0 0 15px 0;
  } */
  
  
  /* @media (max-width: 768px) {
    .nieuwsCard{
      border: 0;
    }
  } */
  
  
  /* einde gt versie perscberichten */
  
  /* einde nieuws/update section */


  .result-download-icon-links a:hover{
    color: rgb(211, 211, 211);
    text-decoration: none;
  }
}
}