/* Tekst */
.app {
    color: rgb(var(--v-theme-text)) !important;
  }
  
  h1 {
    color: rgb(var(--v-theme-text));
    padding-top: 40px !important;
  }
  
  .h1stripe {
    background-color: rgb(var(--v-theme-primary)) !important;
    padding-top: 5px !important;
    height: 3px !important;
    width: 180px !important;
  }
  
  h2 {
    color: rgb(var(--v-theme-text));
  }
  
  h3 {
    color: rgb(var(--v-theme-text));
  }
  
  a {
    color: rgb(var(--v-theme-primary));
  }
  
  /* BTN */
  .v-btn {
    box-shadow: 0px 0px !important;
  }
  
  /* Icon */
  .my-slider {
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
  
  /* App-Bar (bovenste balk met iconen) */
  .v-app-bar {
    background-color: rgb(var(--v-theme-background1)) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
  }
  
  .appbartext {
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  .appbaritems {
    background-color: rgb(var(--v-theme-background1)) !important;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
  }
  
  .hamburger {
    background-color: rgb(var(--v-theme-primary)) !important;
  }
  
  /* Search-Bar */
  .searchbar {
    background-color: rgb(var(--v-theme-background2)) !important;
    color: rgba(var(--v-theme-text)) !important;
  }
  
  /* .searchbar {
     background-color: rgb(var(--v-theme-background2)) !important;
    color: rgb(var(--v-theme-text)) !important;
    border-radius: 25px;
    box-shadow: 0px 0px 2px rgba(0,0,0, 0.3);
    } */
  .searchbaricon {
    color: rgb(var(--v-theme-text)) !important;
  }
  
  .searchbarmobile {
    background-color: rgb(var(--v-theme-primary)) !important;
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
  .searchbarmobileicon {
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
  /* Navbar */
  .navbar {
    background-color: rgb(var(--v-theme-background1)) !important;
    color: rgb(var(--v-theme-primary)) !important;
    position: fixed !important;
    z-index: 4 !important;
    width: 100% !important;
    border-color: rgb(var(--v-theme-primary)) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-right-style: none !important;
    border-left-style: none !important;
  }
  
  .navbaronimage {
    position: fixed !important;
    z-index: 4 !important;
    width: 100% !important;
    border-color: rgb(var(--v-theme-primary)) !important;
    border-style: solid !important;
    border-right-style: none !important;
    border-left-style: none !important;
  
    /* Scroll animatie */
    animation: changeColor linear;
    animation-timeline: scroll(root);
    animation-range: 0 300px; /* Verandert over 200px scroll */
    animation-fill-mode: forwards;
  }
  
  .navbaronimage .v-btn__content {
    /* Scroll animatie */
    animation: changeColorText linear;
    animation-timeline: scroll(root);
    animation-range: 0 300px; /* Verandert over 200px scroll */
    animation-fill-mode: forwards;
  }
  
  /* Keyframes voor kleurverandering */
  @keyframes changeColorText {
    0% {
      color: rgb(var(--v-theme-contrast)) !important;
    }
    80% {
      color: rgb(var(--v-theme-contrast)) !important;
    }
    100% {
      color: rgb(var(--v-theme-primary)) !important;
    }
  }

    /* Keyframes voor kleurverandering */
    @keyframes changeColor {
        0% {
          background: linear-gradient(to bottom, rgba(0, 59, 97, 0.5), rgba(0, 0, 0, 0)); 
          border-bottom-style: none !important;
          text-shadow:  #000000 0px 0px 11px  !important;
          border-width: 0px !important;
        }
        80% {
          background: linear-gradient(to bottom, rgba(0, 59, 97, 0.5), rgba(0, 0, 0, 0)); 
          border-bottom-style: none !important;
          text-shadow:  #000000 0px 0px 0px  !important;
          border-width: 0px !important;
        }
        100% {
          background: rgb(var(--v-theme-contrast)) !important;
          border-bottom-style:  solid !important; 
          text-shadow:  #000000 0px 0px 0px  !important;
          border-width: 1px !important;
        }
      }
      
  
    
  .navrow {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  
  .navtabs {
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0px !important;
    /*  flex: 1 0 auto; */
  }
  
  .navbaritems {
    background-color: rgb(var(--v-theme-background1)) !important;
    border-color: rgb(var(--v-theme-primary)) !important;
    border-style: solid !important;
    border-width: 1px !important;
  }
  
  .navbaritemstext {
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  .navbaritemsicon {
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  .drawer {
    background-color: rgb(var(--v-theme-background1)) !important;
    border-color: rgb(var(--v-theme-primary)) !important;
    border-style: solid !important;
    border-width: 1px !important;
  }
  
  .drawertext {
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  .drawericon {
    color: rgb(var(--v-theme-text)) !important;
  }
  
  /* Breadcrumb */
  .breadcrumb {
    background-color: rgb(var(--v-theme-background1)) !important;
  }
  
  /* Usp */
  .uspbar {
    background-color: rgb(var(--v-theme-primary)) !important;
    color: rgb(var(--v-theme-contrast)) !important;
    z-index: 3 !important;
  }
  
  .uspbaricon {
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
   /* Header Img */
  .headerrow {
    justify-content: end;
  }
  
  .headercard {
    background-color: transparent !important;
    justify-content: left;
    text-align: left;
    box-shadow: none;
  }
  
  .headercard .h {
    color: white !important;
    justify-content: left;
    text-align: left;
    text-shadow: black  0px 0 20px;
  }
  
  .headercard .t {
    color: white !important;
    text-shadow: 10px 10px 13px #000000;
    justify-content: center;
    text-shadow: black  0px 0 20px;
    text-align: left;
  }
  
  .headercard .b {
    text-shadow: 0 0 13px #000000 !important;
    text-align: left;
  }
  
  .headercard .btn0 {
    text-align: center;
    justify-content: center;
    color: rgb(var(--v-theme-contrast)) !important;
    background-color: rgb(var(--v-theme-primary)) !important;
  }
  
  .headercard .btn1 {
    text-align: center;
    justify-content: center;
    color: rgb(var(--v-theme-contrast)) !important;
    background-color: rgb(var(--v-theme-primary)) !important;
  }
  
  .headercard .btn2 {
    text-align: center;
    justify-content: center;
    color: rgb(var(--v-theme-primary)) !important;
    background-color: rgb(var(--v-theme-contrast)) !important;
  }
  
  .headercard .btn3 {
    text-align: center;
    justify-content: center;
    color: rgb(var(--v-theme-contrast)) !important;
    background-color: rgb(var(--v-theme-primary)) !important;
  }
  
  
  /* Overviews */
    .overviewcards {
    background-color: rgb(var(--v-background1-base)) !important;
  }
  
  /* Footer  */
  .footerbar1 {
    background-color: rgb(var(--v-theme-background2)) !important;
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  .footerbar1icon {
    color: rgb(--v-theme-primary) !important;
  }
  
  .footerbar2 {
    background-color: rgb(var(--v-theme-background2)) !important;
    color: rgb(var(--v-theme-text)) !important;
  }
  
  .footerbar2icon {
    color: rgb(var(--v-theme-accent)) !important;
  }
  
  .footerbarbetween {
    background-color: rgb(var(--v-theme-text)) !important;
    height: 1px;
  }
  
  .footerlinks {
    background-color:  rgb(var(--v-theme-primary)) !important;
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
  .footerlinks p {
    color: rgb(var(--v-theme-contrast)) !important;
    line-height: 1.2rem;
    font-size: 0.9rem
  }
  
  .footerlinks tr {
    color: rgb(var(--v-theme-contrast)) !important;
    line-height: 1rem;
    font-size: 0.9rem;
  }
  
  .footerlinksicon {
    color: rgb(var(--v-theme-contrast)) !important;
  }
  
  .footerCopy {
    background-color: rgb(var(--v-theme-accent)) !important;
    color: rgb(var(--v-theme-primary)) !important;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
  }
  
  table,
    table th,
    table td {
    border: 1px solid #ddd;
    padding: 8px !important;
    text-align: left;
  }
  
  table thead {
    background-color: rgb(var(--v-theme-primary));
    color: white;
  }
  
  table tr:nth-child(even) {
  background-color: #f2f2f2;
  }
  
  table tr:hover {
  background-color: #ddd;
  }
  
  .Homeoverview .v-card {
  background-color: rgb(var(--v-theme-background2)) !important;
  }
  
  .Homeoverview h3 {
  color: rgb(var(--v-theme-primary)) !important;
  }
  
  .Homeoverview .v-responsive {
  background-color: rgb(var(--v-theme-secondary)) !important;
  color: rgb(var(--v-theme-contrast)) !important;
  }
  .Homeoverview .v-responsive p{
  color: rgb(var(--v-theme-contrast)) !important;
  }
  .Homeoverview .v-responsive .stripe{
  background-color: rgb(var(--v-theme-contrast)) !important;
  }
  
  
  .formulier {
  background-color: rgb(var(--v-theme-primary)) !important;
  color: rgb(var(--v-theme-contrast)) !important;
  padding: 20px;
  border-radius: 10px;
  }
  
  .formulier h2 {
  color: rgb(var(--v-theme-contrast)) !important;
  }
  .formulier p {
  color: rgb(var(--v-theme-contrast)) !important;
  }
  
  .formulier .v-btn {
  background-color: rgb(var(--v-theme-contrast)) !important;
  color: rgb(var(--v-theme-primary)) !important;
  }
  
  .grow:hover{
  transform:scale(1.1) !important;
  }
  
  .sliderimage {
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  }
  
  .slide-track2 {
  width: calc(350px * 45);
  display: flex;
  animation: scroll2 45s linear infinite;
  justify-content: space-between;
  }
  
  .slideimage {
  width: 350px;
  display: grid;
  place-items: center;
  cursor:pointer;
  }
  
  .slideimage:hover{
  transform:scale(0.9)
  }
  
  
  @keyframes scroll3 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  
  .scroll-container {
  width: 100%;
  overflow: hidden; 
  }
  
  .scroll-content {
  display: flex;
  animation: scroll3 35s linear infinite;
  justify-content: space-between;
  }
  
  .scroll-content > div {
  width: 300px;
  text-align: center;
  margin: 0 10px;
  line-height: 100px;
  }
  
  .scroll-contentmerk {
    display: flex;
    animation: scroll3 50s linear infinite;
    justify-content: space-between;
    }
    
    .scroll-contentmerk > div {
    width: 500px;
    text-align: center;
    margin: 0 10px;
    line-height: 100px;
    }
    
  
  .block1 {
    background: -webkit-linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(31,61,115,1) 51%, rgba(31,61,115,1) 100%);
    background:-moz-linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(31,61,115,1) 51%, rgba(31,61,115,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(31,61,115,1) 51%, rgba(31,61,115,1) 100%);
    background:  -o-linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(31,61,115,1) 51%, rgba(31,61,115,1) 100%);
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(31,61,115,1) 51%, rgba(31,61,115,1) 100%);
  }
  
  .block2 {
    background: -webkit-linear-gradient(90deg, rgba(22,76,143,1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background:-moz-linear-gradient(90deg, rgba(22,76,143,1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, rgba(22,76,143,1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background:  -o-linear-gradient(90deg, rgba(22,76,143,1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(90deg, rgba(22,76,143,1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  }
  
  .block3 {
    z-index: 3;
    position: absolute;
    background: -webkit-linear-gradient(180deg, rgba(13,155,199,1) 0%, rgba(31,61,115,1) 100%, rgba(16,103,164,1) 100%);
    background:-moz-linear-gradient(180deg, rgba(13,155,199,1) 0%, rgba(31,61,115,1) 100%, rgba(16,103,164,1) 100%);
    background: -ms-linear-gradient(180deg, rgba(13,155,199,1) 0%, rgba(31,61,115,1) 100%, rgba(16,103,164,1) 100%);
    background:  -o-linear-gradient(180deg, rgba(13,155,199,1) 0%, rgba(31,61,115,1) 100%, rgba(16,103,164,1) 100%);
    background: linear-gradient(180deg, rgba(13,155,199,1) 0%, rgba(31,61,115,1) 100%, rgba(16,103,164,1) 100%);
  }

  .downloads .v-btn { 
  background-color: rgb(var(--v-theme-primary)) !important; 
  color: white !important; 
  }