:root{
  --year: 2024;
  --hub-id:7142023;
  --base-color: #00303B;
  --base-color-rgb: 0, 48, 59;
  --base-font-size: 19px;
  --base-font-weight: 400;

  --base-font-family: 'Montserrat', sans-serif;

  --primary: #F18A00;
  --primary-light: #ff9e14;
  --primary-dark: #dd7600;

  --secondary: #00303B;
  --secondary-light: #14444f;
  --secondary-dark: #001c27;

  --tertiary: ;
  --tertiary-light: ;
  --tertiary-dark: ;

  --offwhite: #F8FAFC; 

  --select-gradient: linear-gradient(to right, rgba(241,138,0,0) calc(100% - 40px),rgba(241,138,0,1) calc(100% - 40px));
}  

h1, .h1 {
  font-family: var(--base-font-family);    
  font-weight: 700;
  color: ;
  font-weight: 700;
  font-size: 50px
}
h2, .h2 {
  font-family: var(--base-font-family);    
  font-weight: 700;
  color: ;
  font-weight: 700;
  font-size: 38px;
}
h3, .h3 {
  font-family: var(--base-font-family);    
  font-weight: 700;
  color: ;
  font-weight: 700;
  font-size: 30px
}
h4, .h4{
  font-family: var(--base-font-family);    
  font-weight: null;
  color: ;
  font-weight: 700;
  font-size: 24px
}
body {
  font-family: var(--base-font-family);
  color: var(--base-color);
  font-weight: var(--base-font-weight);
  font-size: var(--base-font-size);
  background-color: var(--offwhite);
}


@media (max-width: 500px) {
  h2, .h2 {font-size: 24px !important;}
  h3, .h3 {font-size: 22px !important;}



}

/* KVK CSS */
.kvkForm__container{
  padding:50px 0;
  max-width:1200px;
  margin:0 auto;
  width: 100%;
}
div#inputSearchContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  gap:20px;
}
.kvkForm__container input[name="0-2/name"] {
  width: 85%!important;
  min-width: unset!important;
}
/
#searchResultsContainer {
display:none;
margin-top: 20px; /* Adds some space above the container */
padding: 10px; /* Adds padding inside the container */
border: 1px solid #ddd; /* Adds a border around the container */
border-radius: 5px; /* Rounds the corners of the border */
background-color: #f9f9f9; /* Sets a light background color */
width: 100%;
}

#searchResultsContainer ul {
  list-style-type: none; /* Removes the default list styling */
  padding: 0; /* Removes padding inside the list */
  margin: 0; /* Removes margin around the list */
}

#searchResultsContainer li {
  padding: 8px 12px; /* Adds padding inside each list item */
  border-bottom: 1px solid #eee; /* Adds a border between items */
  cursor: pointer; /* Changes the cursor to a pointer on hover */
}

#searchResultsContainer li:hover {
  background-color: #eaeaea; /* Changes background on hover */
}

/* Optional: Styles for the last item to remove the bottom border */
#searchResultsContainer li:last-child {
  border-bottom: none;
}

#handelsnaamInput{
  width:100%;
} 


#searchResultsContainer ul.list-group {
  border: 1px solid gray;
  margin-top: 20px;
}
.kvk-input-wrapper {
  position: relative;
}

.kvk-input-wrapper input{
  display: inline-block!important;
}

@media (max-width: 1071px) {
  .input .kvk-input-wrapper input{
    display: block!important;
    width:100%!important;
  }
  .kvk-input-wrapper button#searchButton {
    right: unset;
    position: unset;
    margin-top:  20px;
    margin-left: auto!important;
  }

}
.kvk-input-wrapper {
  display: grid; /* Enable grid layout */
  grid-template-columns: 1fr auto; /* Two columns: first takes remaining space, second auto-sized */
  gap: 10px; /* Space between columns */
}

.kvk-input-wrapper input.hs-input {
  grid-column: 1; /* Place input in the first column */
  width: 100%; /* Ensure it takes the full width of its column */
}

.kvk-input-wrapper button.hs-button {
  grid-column: 2; /* Place button in the second column */
}

.kvk-input-wrapper #searchResultsContainer {
  grid-column: 1 / 3; /* Span both columns */
  width: 100%; /* Ensure it takes the full width of its column span */
  display: block; /* Display block for the container */
  box-sizing: border-box; /* Include padding and border in width */
}

/* Optional: style for the list items */
.kvk-input-wrapper .list-group {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kvk-input-wrapper .list-group-item {
  padding: 10px;
  border: 1px solid #ddd;
}

/* END KVK CSS */