.app {
color: rgb(var(--v-theme-text)) !important;
}

h1 {
padding-top: 30px;
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-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;
}

/* 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: black0px 0 20px;
}

.headercard .t {
color: white !important;
text-shadow: 10px 10px 13px #000000;
justify-content: center;
text-shadow: black0px 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%);
}

.selectorfilters {
background-color:rgb(var(--v-theme-background1)) !important;
z-index: 100;
}

.selectorfilters .v-btn {
background-color:rgb(var(--v-theme-warning)) !important;
color: black;
}

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

.datatabelOverviewProduct table thead {
background-color:rgb(var(--v-theme-primary)) !important;
font-weight: 700;
color: white;
font-size: 13px;
line-height: 14px;
}

.datatabelOverviewProduct table tbody
 tr:nth-child(even){
background-color:rgb(var(--v-theme-background2)) !important;
}

.datatabelOverviewProduct table tbody
tr:nth-child(odd) {
background-color:rgb(var(--v-theme-background1)) !important;
}

.datatabelOverviewProduct table tbody
tr:hover {
background-color: rgb(var(--v-theme-secondary )) !important;

}

.productOverviewCard {
background-color:rgb(var(--v-theme-background2)) !important;
border: 2px solid #1976d2!important;
 border-radius: 8px !important;
}

.producttabs .v-tabs {
background-color: rgb(var(--v-theme-primary)) !important;
}

.producttabs .v-tabs-window {
background-color:rgb(var(--v-theme-background2)) !important;
}

.producttabs .v-btn {
color: white;
}

.ProductItemOverview {
background-color:rgb(var(--v-theme-background1)) !important;
}

.filteritemcard {
background-color: white !important;
}