/* Tekst */
.app {
    color: rgb(var(--v-theme-text)) !important;
    }
    
    h1 {
    padding-top: 60px;
    color: rgb(var(--v-theme-text));
    }
    
    
    .h1stripe {
    background-color: rgb(var(--v-theme-primary)) !important;
    height: 6px !important;
    width: 90px !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 {
    border-radius: 40px !important;
    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-primary)) !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-contrast)) !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-contrast)) !important;
    }
    
    /* Search-Bar */
    .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: relative !important;
    z-index: 2 !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 {
    color: rgb(var(--v-theme-contrast)) !important;
    text-shadow: #000000 0px 0px 11px !important;
    position: absolute !important;
    z-index: 2 !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;
    border-bottom-style: none !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-primary)) !important;
    border-color: rgb(var(--v-theme-primary)) !important;
    border-style: solid !important;
    border-width: 1px !important;
    }
    
    .drawertext {
    color: rgb(var(--v-theme-contrast)) !important;
    }
    
    .drawericon {
    color: rgb(var(--v-theme-contrast)) !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;
    }
    
    .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-primary)) !important;
    color: rgb(var(--v-theme-contrast)) !important;
    }
    
    .footerbar1icon {
    color: rgb(var(--v-theme-contrast)) !important;
    }
    
    .footerbar2 {
    background-color: rgb(var(--v-theme-accent)) !important;
    color: rgb(var(--v-theme-text)) !important;
    }
    
    .footerbar2icon {
    color: rgb(var(--v-theme-text)) !important;
    }
    
    .footerbarbetween {
    background-color: rgb(var(--v-theme-text)) !important;
    height: 1px;
    }
    
    .footerlinks {
    background-color: rgb(var(--v-theme-accent)) !important;
    color: rgb(var(--v-theme-primary)) !important;
    }
    
    .footerlinks p {
    color: rgb(var(--v-theme-text)) !important;
    line-height: 1.2rem;
    font-size: 0.9rem
    }
    
    .footerlinks tr {
    color: rgb(var(--v-theme-text)) !important;
    line-height: 1rem;
    font-size: 0.9rem;
    }
    
    .footerlinksicon {
    color: rgb(var(--v-theme-primary)) !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;
    }
    
    .Carousel {
    position: relative;
    overflow: hidden;
    }
    
    .Carousel .slider {
    white-space: nowrap;
    transition: 0.8s;
    }
    
    .Carousel .slider>* {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    }
    
    .Scroll {
    scroll-margin-top: 150px;
    }
    
    #s1:target~.slider {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    }
    
    #s2:target~.slider {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    }
    
    #s3:target~.slider {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    }
    #s4:target~.slider {
    transform: translateX(-300%);
    -webkit-transform: translateX(-300%);
    }
    #s5:target~.slider {
    transform: translateX(-400%);
    -webkit-transform: translateX(-400%);
    }
    #s6:target~.slider {
    transform: translateX(-500%);
    -webkit-transform: translateX(-500%);
    }
    #s7:target~.slider {
    transform: translateX(-600%);
    -webkit-transform: translateX(-600%);
    }
    #s8:target~.slider {
    transform: translateX(-700%);
    -webkit-transform: translateX(-700%);
    }