@font-face {
  font-family: 'MrEavesXLModNarOT-Heavy';
  src: url('../fonts/MrEavesXLModOT-Heavy.woff2') format('woff2'),
    url('../fonts/MrEavesXLModOT-Heavy.woff') format('woff');
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModNarOT-Book';
  src: url('../fonts/MrEavesXLModOT-Book.woff2') format('woff2'),
    url('../fonts/MrEavesXLModOT-Book.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

html {
  font-size: 62.5%;
  margin: auto;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
}

*,
*::before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.hidden {
  display: none;
}

.bold{
  font-weight: 700;
  font-family: 'MrEavesXLModNarOT-Heavy', Arial, Helvetica, sans-serif !important;

}

.formError{
  color: rgb(255, 138, 138);  font-size: 18px;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-top: 20px;
}

.response_form{
  font-size: 18px;
  color: rgb(255, 138, 138);
}

.ness{
  color: rgb(255, 138, 138);  font-size: 18px;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.error{
  font-size: 1.2rem;
  padding-bottom: 0.5rem;
  color: rgb(255, 138, 138);  font-size: 18px;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 10px 0;
}

.formError{
  color: rgb(255, 138, 138);  font-size: 18px;
  font-size: 1.4rem;
  padding-bottom: 0.5rem;
}

label {
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 10px;
}

.width_100 {
  width: 100%;
}

/* general */
.main-container {
  padding: 2.4rem;
}

.background_gradient {
  background: linear-gradient(#000 0%, rgba(0, 0, 0, 0.92) 15%, #0e2015 50%, rgba(0, 0, 0, 0.92) 100%);
  color: white;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a {
  text-decoration: none;
}

.bodycopy, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
#onetrust-banner-sdk p, #onetrust-pc-sdk p, #ot-sdk-cookie-policy p,
#onetrust-banner-sdk div, #onetrust-banner-sdk span, #onetrust-banner-sdk h1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, #onetrust-banner-sdk h4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, #onetrust-banner-sdk p, #onetrust-banner-sdk img, #onetrust-banner-sdk svg, #onetrust-banner-sdk button, #onetrust-banner-sdk section, #onetrust-banner-sdk a, #onetrust-banner-sdk label, #onetrust-banner-sdk input, #onetrust-banner-sdk ul, #onetrust-banner-sdk li, #onetrust-banner-sdk nav, #onetrust-banner-sdk table, #onetrust-banner-sdk thead, #onetrust-banner-sdk tr, #onetrust-banner-sdk td, #onetrust-banner-sdk tbody, #onetrust-banner-sdk .ot-main-content, #onetrust-banner-sdk .ot-toggle, #onetrust-banner-sdk #ot-content, #onetrust-banner-sdk #ot-pc-content, #onetrust-banner-sdk .checkbox, #onetrust-pc-sdk div, #onetrust-pc-sdk span, #onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-pc-sdk h3, #onetrust-pc-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #onetrust-pc-sdk p, #onetrust-pc-sdk img, #onetrust-pc-sdk svg, #onetrust-pc-sdk button, #onetrust-pc-sdk section, #onetrust-pc-sdk a, #onetrust-pc-sdk label, #onetrust-pc-sdk input, #onetrust-pc-sdk ul, #onetrust-pc-sdk li, #onetrust-pc-sdk nav, #onetrust-pc-sdk table, #onetrust-pc-sdk thead, #onetrust-pc-sdk tr, #onetrust-pc-sdk td, #onetrust-pc-sdk tbody, #onetrust-pc-sdk .ot-main-content, #onetrust-pc-sdk .ot-toggle, #onetrust-pc-sdk #ot-content, #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk .checkbox, #ot-sdk-cookie-policy div, #ot-sdk-cookie-policy span, #ot-sdk-cookie-policy h1, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy p, #ot-sdk-cookie-policy img, #ot-sdk-cookie-policy svg, #ot-sdk-cookie-policy button, #ot-sdk-cookie-policy section, #ot-sdk-cookie-policy a, #ot-sdk-cookie-policy label, #ot-sdk-cookie-policy input, #ot-sdk-cookie-policy ul, #ot-sdk-cookie-policy li, #ot-sdk-cookie-policy nav, #ot-sdk-cookie-policy table, #ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy tr, #ot-sdk-cookie-policy td, #ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy .ot-main-content, #ot-sdk-cookie-policy .ot-toggle, #ot-sdk-cookie-policy #ot-content, #ot-sdk-cookie-policy #ot-pc-content, #ot-sdk-cookie-policy .checkbox, #ot-sync-ntfy div, #ot-sync-ntfy span, #ot-sync-ntfy h1, #ot-sync-ntfy h2, #ot-sync-ntfy h3, #ot-sync-ntfy h4, #ot-sync-ntfy h5, #ot-sync-ntfy h6, #ot-sync-ntfy p, #ot-sync-ntfy img, #ot-sync-ntfy svg, #ot-sync-ntfy button, #ot-sync-ntfy section, #ot-sync-ntfy a, #ot-sync-ntfy label, #ot-sync-ntfy input, #ot-sync-ntfy ul, #ot-sync-ntfy li, #ot-sync-ntfy nav, #ot-sync-ntfy table, #ot-sync-ntfy thead, #ot-sync-ntfy tr, #ot-sync-ntfy td, #ot-sync-ntfy tbody, #ot-sync-ntfy .ot-main-content, #ot-sync-ntfy .ot-toggle, #ot-sync-ntfy #ot-content, #ot-sync-ntfy #ot-pc-content, #ot-sync-ntfy .checkbox {
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  line-height: 25px;
}

.listcopy{
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 30px;
  list-style: disc;

}

.quote{
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif !important;
  font-size: 24px;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;

}

.quotes{
  color: #DBAC53;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
  font-size: 18px !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
  background-color: unset !important;
}

.bodycopy_alt {
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.titels, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  font-family: 'MrEavesXLModNarOT-Heavy', Arial, Helvetica, sans-serif !important;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
  color: unset !important;
  border: unset !important;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  color: black !important;
  margin-bottom: 1.6rem !important;
}


.h3 {
  font-size: 16px;
}

.text-align-center {
  text-align: center;
}

.margin-top-bottom {
  margin: .8rem 0;
  padding-bottom: 2.4rem;
}

.gouden_streep {
  content: '';
  width: 315px;
  height: 2px;
  background-color: #DBAC53;
  margin-top: 1rem;
  margin-right: 1.5rem;
}

/* color */

.color_links {
  color: black;
}



.color_links_white {
  color: white;
}

.color_links_gold {
  color: #DBAC53;
}

/* responsive nav */
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  width: 100%;
  right: 0;
}

.header li a {
  display: block;
  padding: 20px 20px;
  /* border-right: 1px solid #f4f4f4; */
  text-decoration: none;
  position: relative;
  text-align: right;
  color: white !important;
  
}

.sticky_top {
  position: sticky;
  top: 0;
  z-index: 4566979;
  background-color: rgba(0,0,0,.5);
}

.header li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: black;
}

.header .menu-icon {
  cursor: pointer;
  float: right;
  padding: 28px 20px;
  position: absolute;
  user-select: none;
  top: 10px;
}

.header .menu-icon .navicon {
  background: #FFF;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #FFF;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

.header .menu-btn {
  display: none;
}

.header .menu {
  display: none;
  position: absolute;
  top: 50px;
  /* right: 10px; */
}

.header .menu-btn:checked~.menu {
  max-height: 240px;
  display: block;
}

.header .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* header */

.header {
  background-image: url('../assets/header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 48.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.header-service {
  background-image: none;
  width: 100vw;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.div_header {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  position: fixed;
  z-index: 234567788;
  background-color: rgba(0,0,0,.5);
}

.background-color-black {
  background-color: black;
}

.header_section {
  margin-top: auto;
}

.hidden_mobile {
  display: none;
}

.logo_image {
  margin-right: 3rem;
}

.logo_image img {
  width: 100%;
}

.icoon_veldt {
  align-self: end;
  padding: 2rem;
}

.background_overlay {
  width: 100vw;
  height: 48.6rem;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.z-index {
  z-index: 1;
}

.menu.z-index {
  z-index: 23455;
}

.titel_link_header {
  margin-top: 0.8rem;
}

/* over ons */

.overons_container {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  margin: 6rem 0;
}


.image_overons {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
}

.overons_tekst {
  margin-bottom: 1rem;
}

.margin_mobile {
  margin-bottom: 3rem;
}

.image_haakje {
  position: relative;
}

.image_haakje:before {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleX(-1);
  position: absolute;
  z-index: 23;
  top: -5px;
  left: -5px;
}

.image_haakje:after {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleX(-1);
  transform: rotate(90deg);
  position: absolute;
  z-index: 23;
  bottom: -5px;
  right: -5px;
}

.golden_line {
  width: 4rem;
  border: 1px solid #DBAC53;
  float: left;
  align-self: auto;
  margin-top: 8px;
  margin-right: 8px;
}



/* diensten */

.related_links {
  color: white;
}

.titel_diensten {
  font-size: 42px;
  margin-bottom: 3.2rem;
}

.dienst1_home {
  background-image: url('../assets/residentieel.jpg');
  background-repeat: no-repeat;
  background-size: auto 109%;
  width: 50%;
  height: 300px;
  position: relative;
  -webkit-transition: ease-out 0.7s;
  -moz-transition: ease-out 0.7s;
  transition: ease-out 0.7s;
}

.dienst1_home:hover {
  background-size: auto 120%;
}


.div_diensten_coming-soon {
  position: absolute;
  background: linear-gradient(360deg, rgba(8, 9, 17, 1) 0%, rgba(0, 0, 0, 0.5) 100%);
  padding: 20px;
  height: 100%;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: inset 0 0 0 0 #05210C;
  -webkit-transition: ease-out 0.7s;
  -moz-transition: ease-out 0.7s;
  transition: ease-out 0.7s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div_diensten_coming-soon h3{
  font-size: 3em;
}



.div_diensten {
  position: absolute;
  background: linear-gradient(360deg, rgba(8, 9, 17, 1) 0%, rgba(0, 0, 0, 0.5) 100%);
  padding: 20px;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: inset 0 0 0 0 #05210C;
  -webkit-transition: ease-out 0.7s;
  -moz-transition: ease-out 0.7s;
  transition: ease-out 0.7s;
}

.div_diensten:before {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  transform: scaleX(-1);
  position: absolute;
  z-index: 23;
  top: .5rem;
  left: .5rem;
}

.div_diensten:hover, .dienst1_home:hover .div_diensten {
  box-shadow: inset 50vw 0 0 0.01px #05210C;
}

.dienst2_home {
  background-image: url('../assets/vlabel.jpg');
}

.dienst3_home {
  background-image: url('../assets/support.jpg');
}

.dienst4_home {
  background-image: url('../assets/plaatsbeschrijving.jpg');
  background-position: 26% 37%;
}

.diensten_overzicht {
  display: flex;
  flex-wrap: wrap;
}

.diensten_container {
  margin: 5.6rem 0;
  position: relative;
  margin-top: 32px;
}

.label-vlabel{
  height: 160px;
  margin-bottom: 75px;
}

/* contact */

.h2_contact {
  font-size: 24px;
}

.h2_service {
  font-size: 24px;
}

.h3_service {
  font-size: 18px;
}

.contact_gegevens {
  display: flex;
  flex-direction: column;
  margin-top: 56px;
}

.fieldset {
  display: flex;
  flex-direction: column;
  margin-bottom: .8rem;
}

.contact_form {
  margin-top: 1.6rem;
}

.inputfield {
  background-color: unset !important;
  border: solid 2px white;
  border-radius: 4px;
  height: 40px;
  color: white;
  padding: 8px;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
}

.unsetheight {
  height: unset;
}

.submitbutton {
  background-color: #DBAC53;
  border: solid 1px #DBAC53;
  color: white;
  padding: 12px;
  width: 160px;
  border-radius: 2px;
  margin-top: 16px;
  margin-bottom: 56px;
  font-size: 22px;
  transition: background-color .4s linear;
  -webkit-appearance: none;
  cursor: pointer;
}

.submitbutton:hover {
  background-color: rgba(0, 0, 0, 0);
}

.content-none.service_prijs::before {
  content: none;
}

.btn {
  background-color: #DBAC53;
  border: solid 1px #DBAC53;
  color: white;
  padding: 12px;
  border-radius: 2px;
  margin-top: 30px;
  font-size: 16px;
  transition: background-color .4s linear;
}

.btn:hover {
  background-color: rgba(0, 0, 0, 0);
}

.contact {
  position: relative;
  margin: 7rem 0;
}

.contact:before {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleX(-1);
  position: absolute;
  z-index: 23;
  top: -30px;
  left: 0;
}

.contact:after {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  position: absolute;
  z-index: 23;
  bottom: 0;
  right: 0;
}

.fieldset {
  display: flex;
  margin-bottom: 1em;
}

.label {
  transform: translate(14px, 35px);
  transition: all 150ms;
}

.inputfield:focus+label,
.inputfield:valid+label,
.email_label_up+label{
  transform: translate(14px, 0px);
}

.update_form_tekst {
  margin-top: 5.6rem;
}



/* footer */

.titelfooter {
  font-size: 24px;
  margin-bottom: .8rem;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex_section_footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 24px 0;
  align-self: baseline;
  width: 100%;
}

.flex_section_footer li {
  transition: 0.25s ease-out;
}

.flex_section_footer li:hover {
  opacity: 0.5;
}

.listFooter {
  text-align: center;
}

.socialMediaList {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}


/* Services */

.service_container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  height: auto;
}

.support_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6rem;
  height: auto;

}

.service_image:after {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  transform: rotate(360deg);
  position: absolute;
  z-index: 23;
  top: -25px;
  right: -5px;
}

.service_image {
  z-index: -99;
  height: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-image--vlabel {
  margin: 3rem 0;
}

.support_image {
  z-index: -99;
  height: 50rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-image: url('../assets/support_pakket_1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.support_image_2 {
  background-image: url('../assets/support_pakket_2.jpg');
}

.support_image_3 {
  background-image: url('../assets/support_pakket_3.jpg');
}

.support_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.support_price {
  font-size: 42px;
  color: #DBAC53;
}

.support_image_content {
  display: none;
  padding: 3rem;
}

.support_image_content h2 {
  color: #DBAC53;
  font-size: 22px;
  opacity: 1;
}

.support_image_content .bodycopy {
  color: white;
  opacity: 1;
  font-size: 16px;
  padding-top: 1rem;
}

.service_image img {
  filter: brightness(75%);
  z-index: -99;
  height: 100%;
  width: 100%;
  object-fit: cover;

}

.titel_service {
  font-size: 2.9rem;
  z-index: 99;
  padding-bottom: 1.5rem;
}

.service_usp {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  height: auto;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  
}

.update_service_usp {
  margin: 0 !important;
}

.service_usp>* {
  padding: 3rem 0rem 3rem 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.usp_item {
  width: 100%;
  height: auto;
  position: relative;
}

.service_usp>*:last-child {
  border-right: unset;
  border-bottom: unset;
}

.usp_item::after {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  transform: scaleY(-1);
  transform: rotate(360deg);
  position: absolute;
  z-index: 23;
  right: 0;
  top: 0;
  margin-top: 3rem;
  margin-left: -1rem;
}

.service_usp h2 {
  font-size: 2.4rem;
  padding-bottom: 1.5rem;
}

.service_usp p {
  font-size: 1.6rem;
}

.service_usp>* {
  width: 100%;
}

.service_prijs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  position: relative;
  height: auto;
  margin: 6rem 0;

}

.service_prijs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  align-self: center;
}

.service_prijs h2 {
  padding-bottom: 1.5rem;
}

.service_prijs::before {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  transform: rotate(180deg);
  position: absolute;
  z-index: 23;
  left: 0;
  bottom: -1.7rem;
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
}

.service_prijs_haakje {
  position: relative;
}

.service_prijs_haakje ::before {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  transform: rotate(180deg);
  position: absolute;
  z-index: 23;
  left: 0;
  top: 0;
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
}

.service_prijs::after {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  transform: rotate(360deg);
  position: absolute;
  z-index: 23;
  right: 0;
  top: 0;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

.service_prijs_items {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}

.prijs_item {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1.5rem;
  line-height: 1.3;
}

.prijs_item h3 {
  font-size: 1.9rem;
}

.prijs {
  font-size: 2.4rem;
  text-align: right;
}

.prijs span {
  font-size: 2.4rem;
  opacity: 0.75;
  font-family: 'MrEavesXLModNarOT-Book';
}

.prijs_item .bodycopy {
  grid-column: span 2;
}

.prijs_item a {
  font-size: 1.6rem;
}

.offerte {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
}

.offerte_flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.offerte img {
  width: 2rem;
  height: 1.5rem;
}

.service_diensten_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0em;
  position: relative;
}

.dienst_service {
  width: 100%;
}

.service_diensten {
  position: absolute;
  background: rgb(8, 9, 17);
  background: linear-gradient(360deg, rgba(8, 9, 17, 1) 0%, rgba(0, 0, 0, 0.5) 100%);
  padding: 20px;
  bottom: 0;
  width: 100%;
}

.service_diensten:before {
  content: '';
  background-image: url('../assets/VELDT_HAAKJE.svg');
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  transform: scaleX(-1);
  position: absolute;
  z-index: 23;
  left: 1rem;
  top: 1rem;
}


.service_diensten:after {
  content: "→";
  width: 2rem;
  height: 1rem;
  position: absolute;
  z-index: 23;
  bottom: 3rem;
  right: 1rem;
  color: #DBAC53;
  font-size: 21px;
}

.margin_button_support {
  margin-bottom: 3.2rem;
}

.service_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.service_relative {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header_section {
  margin-right: auto;
}

.diensten_hidden {
  display: none;
}

.support_arrows {
  display: none;
}

.margin_BTW_INCL {
  margin-top: 6rem;
}

.margin_legal {
  margin-top: 2.4rem;
}

/* support slider */

.support_image {
  background-size: contain;
  background-position: 0px -39px;
  width: 91vw;
}

.support_image_content {
  display: unset;
  background: black;
  position: absolute;
  bottom: 0;
}

.slick-prev:before,
.slick-next:before {
  content: unset !important;
}

.left,
.right {
  color: #DBAC53 !important;
  top: unset !important;
  width: unset !important;
  height: unset !important;
  transform: unset !important;
  line-height: unset !important;
  font-size: 26px !important;
  background: unset !important;
  z-index: 1;
}


.left {
  bottom: -30px !important;
  left: 0 !important;
}


.right {
  right: 3px !important;
  bottom: -30px !important;
}

.slick-dots li button:before {
  opacity: .75;
  color: white !important;
  opacity: 1 !important;
  font-size: 9px !important;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #DBAC53 !important;
}

.slick-dots {
  bottom: -30px !important;
  width: unset !important;
  left: 40% !important;
}

.your-class,
.slick-list,
.slick-track {
  height: 560px;
  width: 85vw;
}

/* support */

.support_tekst_header {
  margin-bottom: 30px;
}

.service_prijs_after {
  position: relative;
}

.service_prijs_after::after {
  content: '';
  background-image: url(../assets/VELDT_HAAKJE.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  transform: scaleY(-1);
  transform: rotate(360deg);
  position: absolute;
  z-index: 23;
  right: 0;
  top: 0;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

.dienst4_home.dienst_service {
  grid-row: 2;
}

.overons_container,
.service_prijs,
.contact,
.service_diensten_container,
.service_usp,
.service_prijs,
.service_diensten_container, .legal_container {
  margin: 6rem 0;
  scroll-margin: 6rem 0;
}

.span_btw {
  font-size: 1.6rem !important;
    opacity: 1 !important;
}

/* legal */

.titel-legal {
  font-size: 4.2rem;
}

.sub-titel--legal {
  font-size: 2.7rem;
  margin: 3rem 0;
}

.bodycopy--legal {
  margin-bottom: .8rem;
}

.column_span {
  grid-column: span 2;
}

.vlabel_container {
  display: flex;
  flex-direction: column;
}

.support_usp_item {
  display: flex;
            flex-direction: row;
            justify-content: center;
            width: 100% !important;
            text-align: center;
            border-bottom: unset !important;
}

.team_usp_item {
  display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100% !important;
            text-align: center;
            border-bottom: unset !important;
}

.support_usp_item::after {
  top: -2rem;
}

.links_contact .fas{
  margin-right: 1.5rem;
  width: 2.4rem;
}

.links_contact span {
  margin-left: .4rem;
}

#ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  font-size: 2.4rem !important;
}

.font-size-legal {
  font-size: 1.4rem !important;
}



/* mediaqueries */



@media(min-width: 375px) {
  .titel_service {
    font-size: 3.5rem;
  }

  .prijs_item h3 {
    font-size: 2.4rem;
}

 
}

@media(min-width: 414px) {
  .dienst4_home.dienst_service {
    grid-row: unset;
    grid-column: unset;
  }

  .div_diensten:after {
    content: "→";
    width: 2rem;
    height: 3rem;
    position: absolute;
    z-index: 23;
    bottom: 12%;
    right: 2rem;
    color: #DBAC53;
    font-size: 21px;
  }
}

@media(max-width: 767px) {
  .update_mobile_flex {
    flex-direction: column-reverse;
  }

  .tekst_header {
    margin: 2.4rem;
  }

  #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container {
    padding: 0 !important;
  }

  .service_prijs_flex ul{
    margin-bottom: 30px;
  }

  .service_prijs_flex{
    padding-bottom: 30px;
  }
}

@media(min-width: 768px) {

  .titel_overons {
    display: block;
    margin-bottom: 3rem;
  }

  .h3 {
    font-size: 20px;
  }

  .hide_tablet {
    display: none;
  }


  .header_section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
  }

  .header .menu-icon .navicon {
    width: 25px;
    height: 3px;
  }

  .header .menu-icon .navicon:before {
    top: 10px;
  }

  .header .menu-icon .navicon:after {
    top: -10px;
  }

  .header .menu {
    top: 0;
  }

  .logo_image img {
    width: unset;
  }

  .overons_container {
    flex-direction: row;
  }

  .overons_container,
  .service_prijs,
  .contact,
  .service_diensten_container,
  .service_usp,
  .service_prijs,
  .service_diensten_container, .legal_container {
    margin: 6rem 0;
    scroll-margin: 6rem 0;
  }

  .overons_container:after {
    content: unset;
  }

  .overons_container:before {
    top: -4px;
    left: -4px;
  }

  .overons_tekst,
  .titel_overons {
    text-align: right;
    margin-left: 2.4rem;
  }

  .image_overons {
    width: 45rem;
    height: 100%;
    object-fit: cover;
  }

  .titel_overons {
    font-size: 3.2rem;
  }

  .dienst1_home {
    height: 50rem;
  }

  .div_diensten {
    position: absolute;
    background: rgb(8, 9, 17);
    background: linear-gradient(360deg, rgba(8, 9, 17, 1) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding: 20px;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .h2_contact {
    font-size: 44px;
    width: 700px;
  }

  .flex_section_footer {
    width: 33%;
    flex-wrap: wrap;
    border-right: solid .02rem rgba(255, 255, 255, 0.2);
  }

  .flex_section_footer:last-child {
    border: unset;
    align-self: baseline;
  }

  .footer {
    flex-direction: row;

  }

  .golden_line {
    width: 5rem;
    border: 1px solid #DBAC53;
    background-color: #DBAC53;
    float: left;
    align-self: auto;
    margin-top: 10px;
    margin-right: 0px;
  }

  .golden_line-header {
    margin-right: 5px !important;
    width: 4rem !important;
  }

  .div--footer {
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

  }

  .listFooter {
    text-align: left;
  }

  .service_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .container-plaatsbeschrijving {
    row-gap: 7rem;
  }

  .support_container {
    display: grid;
    grid-template-columns: 40% 58%;
    gap: 2%;
  }


  .service_image {
    height: 35rem;
  }

  

  .service_image:after {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    transform: scaleY(-1);
    transform: rotate(360deg);
    position: absolute;
    z-index: 23;
    top: -5px;
    right: -5px;
  }


  .service_usp {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    height: auto;
    padding: 3rem;
    display: flex;
    flex-direction: row;
  }

  .service_usp>* {
    padding: 3rem 0rem 3rem 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  }

  .usp_item {
    width: 36%;
    height: auto;
    position: relative;
  }

  .usp_item::after {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    transform: scaleY(-1);
    transform: rotate(360deg);
    position: absolute;
    z-index: 23;
    right: 3rem;
    top: 0;
    margin-top: 3rem;
    margin-left: -1rem;
  }

  .update_width_usp {
    width: 80%;
  }


  .service_usp h2 {
    font-size: 2.4rem;
    padding-bottom: 1.5rem;
  }

  .service_usp p {
    font-size: 1.6rem;
  }

  .service_prijs {
    grid-template-columns: 1fr 1fr;
  }

  .update_titel_usp {
    height: 9rem;
  }

  .service_prijs img {
    height: 100%;
    }

  .h2_service {
    font-size: 48px;
  }

  .h3_service {
    font-size: 32px;
  }

  .service_prijs h2 {
    padding-bottom: 1.5rem;
  }

  .service_prijs_reverse::after {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    transform: scaleY(-1);
    transform: rotate(-360deg);
    position: absolute;
    z-index: 23;
    left: 0;
    top: 0;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    transform: rotateY(180deg);
  }

  .label-container{
    grid-column: 2 !important;
    align-items: flex-start;
  }

  .label-vlabel{
    height: unset;
    max-height: unset !important;
    width: 100%;
  }

  .service_prijs_items {
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }

  .prijs_item {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1.5rem;
    line-height: 1.3;
  }

  .prijs_item h3 {
    font-size: 2.4rem;
  }

  .prijs {
    font-size: 2.4rem;
    text-align: right;
  }

  .prijs_item .bodycopy {
    grid-column: span 2;
  }

  .prijs_item a {
    font-size: 1.6rem;
  }

  .offerte {
    grid-column: span 2;
    display: flex;
    justify-content: space-between;
  }

  .offerte img {
    width: 2rem;
    height: 1.5rem;
  }

  .service_diensten_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0em;
    position: relative;
  }

  .dienst_service {
    width: 100%;
  }

  .service_diensten {
    position: absolute;
    background: rgb(8, 9, 17);
    background: linear-gradient(360deg, rgba(8, 9, 17, 1) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding: 20px;
    bottom: 0;
    width: 100%;
  }

  .service_diensten:before {
    content: '';
    background-image: url('../assets/VELDT_HAAKJE.svg');
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    transform: scaleX(-1);
    position: absolute;
    z-index: 23;
    left: 1rem;
    top: 1rem;
  }

  .service_diensten:after {
    content: "→";
    width: 2rem;
    height: 1rem;
    position: absolute;
    z-index: 23;
    bottom: 3rem;
    right: 1rem;
    color: #DBAC53;
    font-size: 21px;
  }

  .service_prijs_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }

  .diensten_hidden {
    display: block;
  }

  .support_container h1 {
    padding-bottom: 6rem;
  }

  .service_prijs_reverse img {
    order: 2;
  }

  .service_prijs_reverse .service_prijs_flex {
    text-align: right;
    align-items: flex-end !important;
  }

  .support_image,
  .your-class,
  .slick-list,
  .slick-track {
    width: 52vw;
  }

  .right {
    right: 0 !important;
  }

  .service_prijs_after {
    position: relative;
  }

  .service_prijs_after::after {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    transform: scaleY(-1);
    transform: rotate(360deg);
    position: absolute;
    z-index: 23;
    right: 0;
    top: 0;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
  }

  .contact_form {
    width: 65vw;
  }

  .dienst4_home.dienst_service {
    grid-row: unset;
    grid-column: unset;
  }

  .main-container {
    padding: 4rem;
  }

  .diensten_container {
    margin: 5.6rem 0;
  }

  .span_column {
    grid-column: span 2;
  }

  .title_absolute {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  .title_absolute h1 {
    font-size: 100px;
  }

  .title_absolute p {
    width: 95%;
  }

  .update_service_usp {
    margin-top: 4rem !important;
  }

  .update_vlabel_service_prijs:after {
    top: -3rem;
  }

  .support_usp_item {
    width: 100%;
  }

  .support_content {
    justify-content: unset;
  }

  .support_image_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .diensten_link {
    float: right;
    align-self: flex-end;
  }
}

@media (max-width: 765px) {
  .label-vlabel {
    height: unset;
    max-height: 160px;
    margin-bottom: 75px;
}
}


@media(min-width: 768px) and (max-width: 1023px) {
  .span_column_residentieel {
    grid-column: span 2;
  }

  .tekst_header {
    margin-right: 4rem;
  }
}

@media(min-width: 992px) {
  .service_diensten_container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .diensten_link {
    float: right;
  }

  .dienst1_home {
    background-size: auto 139%;
}
}

@media(min-width: 1024px) {

  .div_header {
    flex-direction: column;
  }

  .menu {
    display: flex;
  }

  .support_content {
    justify-content: flex-end;
}

  .diensten_link {
    float: right;
  }

  .h3 {
    padding-bottom: 1.6rem;
  }

  .hidden_mobile {
    display: block;
  }

  .color_links {
    color: white;
  }

  .main-container {
    padding: unset;
    width: 96rem;
    margin: auto;
  }

  .header,
  .header_section,
  .background_overlay {
    height: 100vh;
  }

  .header-service {
    height: auto;
  }

  .header_section:before {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    transform: scaleX(-1);
    align-self: end;
    position: absolute;
    left: 5rem;
    top: 16%;
  }

  .header .menu {
    display: flex;
    position: relative;
    z-index: 2;
    flex-direction: row;
    justify-content: space-between;
    width: 96rem;
    margin-left: auto;
    margin-right: auto;
    clear: unset;
    max-height: unset;
    transition: unset;
  }

  .header .menu-icon,
  .icoon_veldt {
    display: none;
  }

  .header li {
    background-color: unset;
  }

  .header li a {
    border-right: unset;
    font-size: 2.2rem;
  }

  .logo_veldt {
    padding: 20px;
  }

  .div_diensten {
    width: 100%;
  }

  .div_diensten:before {
    transform: unset;
    top: 2rem;
    right: 2rem;
    left: unset;
  }

  .dienst1_home {
    width: 25%;
    height: 500px;
  }

  .diensten_container {
    margin: 5.6rem -3.6rem;
    scroll-margin: 5.6rem;
  }

  .contact {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .h2_contact {
    width: 440px;
  }

  .contact_form {
    width: 50%;
    margin-top: -2rem;
  }

  .overons_container,
  .service_prijs,
  .contact,
  .service_diensten_container,
  .service_usp,
  .service_prijs, .support_container, .legal_container {
    margin: 12rem 0;
    scroll-margin: 12rem 0;
  }

  .titel_overons,
  .h2_contact {
    font-size: 4.2rem;
    margin-bottom: 3.2rem;
    line-height: 5rem;
  }

  .logo_veldt {
    padding: 20px 0;
    width: 20rem;
  }

  .header .menu {
    align-items: center;
  }

  .logo_image img {
    width: 55rem;
  }

  .logo_image {
    margin-right: unset;
  }

  .header_section {
    justify-content: space-between;
    align-items: flex-end;
    width: 100vw;
  }

  .tekst_header {
    width: 50%;
    margin-left: 5.5rem;
    height: 19.2rem;
  }


  .tekst_header_p {
    margin-right: 3.2rem;
  }

  .hover_effect_nav {
    position: relative;
  }

  .hover_effect--header {
    width: 135px;
  }


  .hover_effect_nav:after {
    content: '';
    transition: width .4s linear 0s;
    border-bottom: solid 1px #DBAC53;
    width: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .hover_effect_nav:hover:after {
    left: 0;
    width: 100%;
  }

  .hover_effect--header:hover:after {
    width: 110px;
  }

  .div_diensten {
    height: 17rem;
    padding: 3.2rem;
  }

  .service_container {
    gap: 3rem;
  }

  .vlabel_container {
    display: grid;
  }

  .support_container {
    display: grid;
    grid-template-columns: 30% 68%;
    gap: 2%;
  }



  .titel_service {
    font-size: 82px;
    z-index: 99;
    padding-bottom: 1.5rem;
  }

  .service_usp {
    padding: 3rem;
    justify-content: space-between;


  }

  .service_usp>* {
    padding: 3rem 0rem 3rem 0;
    border-right: solid 1px rgba(255, 255, 255, 0.2);
    border-bottom: unset;
  }

  .usp_item {
    width: 30%;
    height: auto;
    position: relative;
  }

  .usp_item::after {
    content: '';
    background-image: url(../assets/VELDT_HAAKJE.svg);
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    transform: scaleY(-1);
    transform: rotate(360deg);
    position: absolute;
    z-index: 23;
    right: 2rem;
    top: 0;
    margin-top: 3rem;
    margin-left: -1rem;
  }

  .service_usp-vlabel {
    margin-top: 3rem;
  }

  .h2_service {
    font-size: 48px;
  }

  .h3_service {
    font-size: 32px;
  }

  .service_diensten_container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .dienst_service {
    width: 100%;
  }

  .service_diensten {
    padding: 30px;
  }

  .service_diensten:before {
    content: '';
    background-image: url('../assets/VELDT_HAAKJE.svg');
    background-repeat: no-repeat;
    height: 1rem;
    transform: scaleX(-1);
    transform: rotate(360deg);
    z-index: 23;
    right: 1rem;
    left: unset;
    top: 1rem;
  }

  

  .service_image {
    height: 40rem;
  }

  .support_image_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    width: 100%;
    height: auto;
    background-color: rgba(11, 12, 19, 0.8);
  }

  .support_arrows {
    width: 100%;
    height: 4rem;
    position: absolute;
    right: 0;
    bottom: -5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .support_arrows p {
    color: #DBAC53;
  }

  .support_image {
    background-size: cover;
    background-position: center;
  }

  .support_image,
  .your-class,
  .slick-list,
  .slick-track {
    width: 63vw;
  }

  .service_prijs img {
    width: 47rem;
    height: 100%;
  }

  .image-residentieel img{
    height: 75rem;
  }

  .update_vlabel_service_prijs img {
    height: 52rem;
  }

  .update_width_usp {
    width: 90%;
  }

  .service_diensten_container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .div_form {
    width: 50%;
    margin-right: 5.6rem;
  }

  .dienst1_home {
    background-size: auto 109%;
}

.support_usp_item::after {

  right: 0rem;
  top: -40px;
}

.image-residentieel::before {
  bottom: -3.7rem;
}

.overons_tekst, .titel_overons {
  margin-left: 7.4rem;
}

.golden_line {
  width: 6rem;
  margin-right: -10px;
  margin-left: 15px;
}

.socialMediaList {
  justify-content: flex-start;
}

.socialMediaList a {
  margin-right: 2.4rem;
}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header, .header_section, .background_overlay {
    height: 60vh;
    }

    .header-service {
      height: 10vh;
    }
}

@media(min-width: 1200px) {
  .diensten_container {
    margin: 5.6rem 0;
    width: unset;
    margin-right: -13%;
    margin-left: -13%;
    scroll-margin: 5.6rem 0;
  }

  .header {
    height: 100vh;
  }

  .header-service {
    height: auto;
  }


  .logo_image img {
    width: 65rem;
  }

  .bodycopy {
    font-size: 18px;
    line-height: 30px;
  }

  .madeWithLove {
    font-size: 14px;
  }

  .header_section {
    height: 100vh;
  }

  .contact:after {

    bottom: -3rem;
    right: -3rem;
  }

  .contact:before {

    top: -30px;
    left: -3rem;
  }

  .div_diensten {
    height: 17rem;
  }

  .menu {
    margin-top: 2.2rem;
  }

  .service_usp {
    padding: 4rem;
  }

  .service_usp p {
    width: 90%;
  }

  .service_prijs_items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .dienst_service {
    width: 100%;
  }

  .service_diensten {
    padding: 40px;
  }

  .service_diensten:before {
    content: '';
    background-image: url('../assets/VELDT_HAAKJE.svg');
    background-repeat: no-repeat;
    height: 1rem;
    transform: scaleX(-1);
    transform: rotate(360deg);
    z-index: 23;
    right: 2rem;
    left: unset;
    top: 2rem;
  }

  .service_diensten:after {
    content: "→";
    width: 2rem;
    height: 1rem;
    position: absolute;
    z-index: 23;
    bottom: 5rem;
    right: 2rem;
    color: #DBAC53;
    font-size: 21px;
  }

  .support_container {
    display: grid;
    grid-template-columns: 32% 66%;
    gap: 2%;
    margin-top: 6rem;
    margin-bottom: 5.6rem;
  }

  .support_image,
  .your-class,
  .slick-list,
  .slick-track {
    width: 100%;
  }

  .service_prijs img {
    width: 500px;
    margin-right: 2.7rem;
}

  .slick-dots {
    left: 45% !important;
  }

  .golden_line {
    margin-right: -0.2rem;
    width: 6rem;
    margin-left: 1.5rem;
    margin-top: 1.3rem;
  }

  .golden_line-header {
    margin-right: 9px !important;
    width: 5rem !important;
    margin-left: 0 !important;
}

.update_service_usp {
  margin-top: 8rem !important;
}

.update_service_usp .usp_item::after {
  right: 1rem;
  top: -20px;
}

.service_usp .update_titel_usp {
  font-size: 2.1rem;
  padding-bottom: 1.5rem;
  height: 5rem;
}

.overons-naastFoto {
  display: flex;
    flex-direction: column;
    justify-content: center;
}

.overons_tekst, .titel_overons {
  margin-left: 6.4rem;
}

.image_overons {
  width: 45rem;
  height: 100%;
  object-fit: cover;

}
}

@media(min-width: 1280px) {
  .golden_line-header {
    margin-left: 0;
  }

  .diensten_container {
    margin-right: -17%;
    margin-left: -17%;
    }
}

@media(min-width: 1300px) and (max-width: 1439px) {
  .diensten_container {
    margin-right: -23%;
    margin-left: -23%;
    }
 }

@media (min-width: 1440px) {
  .main-container {
    padding: auto;
    width: 120rem;
    margin: auto;
    padding-bottom: 6rem;
  }

  .diensten_container {
    margin: 5.6rem -12.6rem;
    scroll-margin: 5.6rem 0;
  }

  .overons_container,
  .contact {
    margin: 12rem 0;
    scroll-margin: 12rem 0;
  }

  .support_container {
    margin: 6rem 0;
    scroll-margin: 6rem 0;
  }


  /* .image_overons {
    width: 60rem;
  } */

  .titel_overons,
  .h2_contact {
    font-size: 4.4rem;
    margin-bottom: 4rem;
  }

  .header .menu {
    width: 120rem;
  }

  .contact:after {
    bottom: -3rem;
    right: -5rem;
  }

  .contact:before {
    top: -30px;
    left: -5rem;
  }

  .div_diensten {
    height: 16rem;
    padding: 4rem
  }

  .golden_line {
    width: 7rem;
    margin-right: 0.2rem;
  }

  .support_container {
    display: grid;
    grid-template-columns: 32% 66%;
    gap: 2%;
    margin-top: 6rem;
    margin-bottom: 5.6rem;
  }

  .overons_tekst {
    margin-left: 10.2rem;
}

  .hover_effect--header, .hover_effect--header:hover:after {
    width: 69px;
}

.service_prijs img {
  width: 100%;
}

.image-residentieel img {
  width: 520px;
  height: 75rem;
}
.dienst1_home {
  background-size: auto 120%;
}

.dienst1_home:hover {
  background-size: auto 140%;
}

}

@media (min-width: 1920px) {

  .logo_image img {
    width: 85rem;
  }

  .tekst_header {
    height: 25rem;
  }

  .diensten_container {
    margin: 16.4rem -12.6rem;
    margin-right: -30%;
    margin-left: -30%;
    scroll-margin: 16.4rem 0;
  }

  .dienst1_home {
    height: 700px;
  }

  .overons_container,
  .service_prijs,
  .contact,
  .service_diensten_container,
  .service_usp,
  .service_prijs, .legal_container {
    margin: 12rem 0;
    scroll-margin: 12rem 0;
  }

  .tekst_header_p {
    width: 69rem;
    font-size: 24px;
    line-height: 3.2rem;
  }

  .titel_link_header {
    font-size: 2.1rem;
    line-height: 3.2rem;
  
  }

  .service_prijs {
    gap: 12rem;
}

.hover_effect--header, .hover_effect--header:hover:after {
  width: 91px;
}

}

.divider{
  margin-top: 100px;
}

.btn-contact{
  padding: 10px 20px;
  border: 1px solid #DBAC53;
  color: #DBAC53;
  font-family: 'MrEavesXLModNarOT-Book', Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 30px;
  margin-top: 30px;
  transition: 0.5s all;
}

.btn-contact:hover{
  padding: 10px 20px;
  border: 1px solid #DBAC53;
  background-color: #DBAC53;
  color: white;
  transition: 0.5s all;
}

.diensten-nav{
  border: 1px solid unset !important;
  background-color: unset !important;
}

.diensten-nav a{
  text-align: left;
  text-align: left;
    margin-left: 0px !important;
    float: left;
}


.diensten-nav .usp_item a{
  display: flex;
    align-items: center;
}

.diensten-nav .usp_item img{
  margin-left: 10px;
  height: 18px;
}


/* ----------------- teampagina ----------------- */
.team.veldt img{
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 50px;
}

.team-container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  row-gap: 100px;
}

.team-item h3{
 font-size: 20px;
}

b{
    font-weight: 700;
    font-family: 'MrEavesXLModNarOT-Heavy', Arial, Helvetica, sans-serif !important;
}

@media(max-width: 900px) {
  .team-container{
    grid-template-columns: 1fr 1fr;
    row-gap: 100px;
  }
}

@media(max-width: 600px) {
  .team-container{
    grid-template-columns: 1fr;
    row-gap: 100px;
  }
}


/* ---------------------------------------------------------- Policy ---------------------------------------------------------- */
.container.policy{
  margin-bottom: 50px;
}

.container.policy h2{
  font-weight: 700;
    font-family: 'MrEavesXLModNarOT-Heavy', Arial, Helvetica, sans-serif !important;
  font-size: 3em;
}

.container.policy p{
  font-family: 'MrEavesXLModNarOT-Book';
  font-size: 1.6em;
  line-height: 1.6em;
}

.container.policy li{
  font-family: 'MrEavesXLModNarOT-Book';
  font-size: 1.6em;
  line-height: 1.6em;
  list-style: disc;
}

.container.policy h3{
  margin-top: 15px;
  font-weight: 700;
    font-family: 'MrEavesXLModNarOT-Heavy', Arial, Helvetica, sans-serif !important;

    font-size: 2em;
}