.app {
color: rgb(var(--v-theme-text)) !important;
font-size: 1rem !important;
background-color: rgb(var(--v-theme-background2)) !important;
}

/* Text */
p {
color: rgb(var(--v-theme-text)) !important;
font-size: 1rem !important;
line-height: 1.6em!important;
padding-top: 5px!important;
padding-bottom: 10px!important;
}

ul {
font-size: 1rem !important;
line-height: 1.6em!important;
padding-left: 15px !important;
margin-top: -10px!important;
padding-bottom: 20px!important;
color: rgb(var(--v-theme-text)) !important;
}

li, li p {
padding: 0px !important;
margin: 0px !important;
}

h1, .text-h1 {
color: rgb(var(--v-theme-primary));
padding-bottom: 10px;
padding-top: 30px !important;
font-size: clamp( 2.8rem, 4vw, 3.7rem) !important;
font-weight: 700 !important;
line-height: clamp( 3rem, 4vw, 3.9rem) !important;
}

h2, .text-h2 {
color: rgb(var(--v-theme-primary));
font-size: clamp( 2.2rem, 2vw, 3rem) !important;
font-weight: 700 !important;
line-height: clamp( 2.4rem, 2vw, 3.4rem) !important;
}

h3, .text-h3 {
color: rgb(var(--v-theme-primary));
font-size: 1.2rem!important;
font-weight: 800 !important;
}

/* Links en knoppen */
a {
color: rgb(var(--v-theme-primary));
text-decoration: none;
}

.v-btn {
border-radius: 40px !important;
box-shadow: 0px 0px !important;
text-decoration: none;
}

.v-card {
box-shadow: none;
}

/* App-Bar (bovenste balk met iconen) */
.v-app-bar .v-toolbar__content{
border-style: solid !important;
border-width: 1px !important;
height: clamp( 70px, 6vw, 90px) !important;
border-top-style: none !important;
border-right-style: none !important;
border-left-style: none !important;
background-color: rgb(var(--v-theme-background1)) !important;
}

.v-app-bar-items {
justify-content: flex-end !important;
}

.v-app-bar-items .v-sheet:first-child {
margin-right: auto;
}

.v-app-bar .v-btn {
margin-left: clamp(0px, 1vw, 3px) !important;
}

.v-app-bar .v-icon {
font-size: 30px !important;
opacity: 1 !important;
color: rgb(var(--v-theme-primary)) !important;
}

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

/* searchbar */
.searchbar {
border: none !important;
width: 20px;
border-bottom: 0px solid #9e9e9e !important;
border-radius: 0 !important;
background: transparent !important;
transition: width 0.3s ease;
margin-right: 17px;
}

.searchbar:hover, .searchbar:focus-within {
width: 350px;
 border-bottom: 1px solid #9e9e9e !important;
}

.searchbarmobile {
background-color: rgb(var(--v-theme-primary)) !important;
color: rgb(var(--v-theme-accent)) !important;
padding-top: clamp( 60px, 6vw, 80px) !important;
height: 120px!important;

}

.searchbarmobile .v-icon {
color: rgb(var(--v-theme-accent)) !important;
opacity: 1 !important;
}

/* Navbar */
.navbar {
background-color: rgb(var(--v-theme-background2)) !important;
color: rgb(var(--v-theme-primary)) !important;
position: relative !important;
z-index: 2 !important;
width: 100% !important;
padding-top: clamp( 70px, 6vw, 90px) !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%;
}

.navrow .navdiv .navtabs{
font-size: clamp(13px, 1vw, 16px) !important;
font-weight: 600;
border-radius: 15px !important;
}

.navrow .navdiv:last-child {
align-items: center;
display: flex;
}

.navrow .navdiv:last-child .navtabs{
background-color: #02403d !important;
color: white !important;
font-weight: bold;
height: 30px;
margin-left: 0.5vw;
padding-left: 2vw;
padding-right: 2vw;
border-radius: 10px !important;
}

.navrow .navdiv:last-child .v-list-item__content {
font-weight: bold;
height: 28px;
border-radius: 15px !important;
}

.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 */
.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;
}

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

/* Usp */
.uspbar {
background-color: rgb(var(--v-theme-primary)) !important;
color: rgb(var(--v-theme-contrast)) !important;
z-index: 3 !important;
font-size: 1rem !important;
}

.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-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;
}

.breadcrumb {
padding-top: 40px !important;
font-size: 1rem !important;
}

/* Overviews */
.overviewcards {
background-color: rgb(var(--v-theme-background1)) !important;
}

/* Footer*/
.footerbar1 {
background-color: rgb(var(--v-theme-primary)) !important;
color: rgb(var(--v-theme-contrast)) !important;
}

.footerbar1icon {
color: #9bbbba !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-contrast)) !important;
}

.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.4rem !important;
font-size: 0.9rem !important;
}

.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 */
.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 */
.formulier {
color: rgb(var(--v-theme-primary)) !important;
border-radius: 10px;
}

.formulier h2 {
color: rgb(var(--v-theme-primary)) !important;
}

.formulier p {
color: rgb(var(--v-theme-primary)) !important;
}

.formulier .v-btn {
background-color: rgb(var(--v-theme-accent)) !important;
color: rgb(var(--v-theme-contrast)) !important;
}

.v-expansion-panel .formulier {
background-color: rgb(var(--v-theme-background1)) !important;
color: rgb(var(--v-theme-text)) !important;
}

.v-expansion-panel .formulier .v-btn {
background-color: rgb(var(--v-theme-primary)) !important;
color: rgb(var(--v-theme-contrast)) !important;
}

/* Scroll */
.scroll-container {
overflow: hidden;
width: 100%;
}

.scroll-contentmerk {
display: flex;
width: max-content;
animation: merkScroll 20s linear infinite;
will-change: transform;
}

.scroll-set {
display: flex;
flex: 0 0 auto;
}

@keyframes merkScroll {
from {
transform: translateX(0);
}

to {
transform: translateX(-50%);
}
}

/* Vacancy */
.vacancyOveriew {
background-color: rgb(var(--v-theme-background2)) !important;
}

.vacancyOveriewContainer {
margin-top: -60px;
}

.vacancyOveriew .v-text-field {
background-color: rgb(var(--v-theme-background1)) !important;
border-radius: 5px;
padding: 20px;
}

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

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

.vacancyOveriew .v-card-title{
color: rgb(var(--v-theme-primary)) !important;
font-size: clamp( 1.2rem, 3vw, 1.3rem) !important;
line-height: clamp( 1.3rem, 3vw, 1.4rem) !important;
margin-top: 6px;
}

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

.vacanyFilter {
background-color: rgb(255 255 255 / 70%);
padding: 10px;
border-radius: 10px;
}

.vacancy .v-card .v-btn{
background-color: rgb(var(--v-theme-accent)) !important;
color: white !important;
}

.gradient-text {
background: linear-gradient(
to bottom,
#222 0%,
transparent 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
height: 60px;
}

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

.vacancyDetailCard .v-card-title {
color:rgb(var(--v-theme-accent)) !important;
font-weight: 800 !important;
font-size: 1.1rem !important;
}

.vacancyDetailCard .v-card-text, .vacancyDetailCard a { 
color: white !important;
font-size: 1rem !important;
line-height: 2.5rem;
}

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

.vacancyDetailCard .v-icon {
color: white !important;
font-size: 2.1rem;
padding-right: 40px;
padding-left: 16px;
line-height: 2.5rem;
}

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