:root {
  --kleur1: #462022;
  --kleur2: #f0e5dc;
  --kleur3: #462022;
  --kleur4: rgb(205, 180, 159);
  --fontkleur: #222;
  --font-family1: "Merriweather", Helvetica, Arial, sans-serif;
  --font-family2: "Inter", Helvetica, Arial, sans-serif;
  --max-width: 1230px;
  --text-small: 1000px;
  --border-radius: 50px;
  --border-radius-klein: 12px;
  
}

body {font-family: var(--font-family2); font-weight: normal; color: var(--fontkleur); background: var(--kleur2); font-size: 16px; line-height: 1.95em;}
::selection {background: #000; color: #FFF;}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {border-radius: var(--border-radius-klein); font-size: 16px; color: var(--fontkleur); padding: 15px;}

.formulier_text, .formulier_textarea {margin: 10px 0;}
.formulier_tabel1 h3 {margin-top:20px;}

.breadcrumbs {display: none;}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2, .h2, h3, .h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {font-family: var(--font-family1); font-weight: normal; color: var(--fontkleur); line-height: 1.25em; margin: 0 0 0.5em 0;}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 35px; line-height: 1em;}
h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: 25px;}
h3, .h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {font-size: 20px;}
h5, .h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-size: 18px; font-weight: normal; color: #999; font-family: var(--font-family2); letter-spacing: 0.02em;}

a, a:link, a:visited, a.visited, a:hover, a.hover {text-decoration: none;}

a.logo {margin: auto 0; position: absolute; outline: 0; left: 50%; transform: translateX(-50%); z-index: 5;}
a.logo img {width: 232px; height: 142px; object-fit: contain; margin: 0; transition: .3s all ease; object-position: top; object-fit: cover;}

a.knop, .button, a.button, button {position: relative; font-family: var(--font-family2); background-color: var(--kleur1); color: #fff; border: 0; font-size: 16px; padding: 20px 40px; cursor: pointer; line-height: 1; text-decoration: none !important; font-weight: normal; border-radius: var(--border-radius);}
a.knop:hover, .button:hover, a.button:hover, button:hover {background: var(--kleur4); color: #fff;}

.bovenkantHolder {background: #FFF; border: 0; position: sticky; top: 0; z-index: 10}
.bovenkantHolder .bovenkant {min-height: 169px; transition: .3s all ease;}

.bovenkantHolder .bovenkant .art-nav {margin: auto 0; width: 100%;}
.bovenkantHolder .bovenkant > .art-nav .art-menu li:nth-last-child(3) {margin-left: auto;}
.bovenkantHolder .bovenkant .art-menu {display: flex; gap: 50px;}
.bovenkantHolder .bovenkant .art-menu li a .t {font-family: var(--font-family1); padding: 15px 0; font-weight: normal; color: var(--fontkleur); font-size: 16px; letter-spacing: 0.05em;}
.bovenkantHolder .bovenkant .art-menu li a .t::after {content: ""; display: block; position: absolute; bottom: 7px; left: 0; width: 0; height: 1px; background-color: var(--fontkleur); transition: all .3s ease;}
.bovenkantHolder .bovenkant .art-menu li a.active .t::after, .bovenkantHolder .bovenkant .art-menu li a .t:hover::after {width: 100%;}

.bovenkantHolder .bovenkant .art-menu li a .t.conversie {background-color: var(--kleur1); color: #FFF; padding: 15px 20px; font-weight: 600; border-radius: var(--border-radius); line-height: 1;}
.bovenkantHolder .bovenkant .art-menu li a .t.conversie::after {display: none;}


.bovenkantHolder.scrolled {background: #FFF;}
.bovenkantHolder.scrolled .bovenkant {min-height: 120px;}
.bovenkantHolder.scrolled .bovenkant a.logo img {height: 100px;}

.videoWrapper {background:var(--kleur1);}

.liquid-slide-sjabloon .sliderWrapper {max-width: 1500px;}
.liquid-slide-sjabloon .inhoud {position: absolute; left: 0; background: unset; max-width: 1200px; border-radius: 0; line-height: 1.95em; color: #FFF; font-size: 18px;}
.liquid-slide-sjabloon .inhoud h1 {font-weight: 700; font-size: 100px;}
.liquid-slide-sjabloon .inhoud h5 {color: var(--fontkleur); font-size: 50px;}
.liquid-slide-sjabloon .inhoud a.knop[href=""] {display: none;}

.art-Sheet, section .inhoud, .vak .inhoud {padding: 80px 30px;}
.vak .inhoud + .inhoud {padding-top: 0;}

.vak.wit {background: #FFF;}

.max600 {margin-left:auto; margin-right:auto; max-width:600px;}
.max900 {margin-left:auto; margin-right:auto; max-width:900px;}

.pageFooterHolder {background: var(--kleur3);}
.pageFooterHolder .pageFooter {padding: 120px 30px;}
.pageFooterHolder .pageFooter ul {list-style: none; padding: 0; margin: 0;}

.pageFooterKnoppenHolder {background: var(--kleur3); border-top:1px solid rgba(255,255,255,.1);} 
.pageFooterKnoppenHolder .pageFooterKnoppen {max-width: 100%; padding: 30px; display: block; text-align: center; opacity: .5;}
.pageFooterKnoppenHolder .pageFooterKnoppen .copyright {display: none;}

.pageFooterKnoppenHolder .pageFooterKnoppen .seperator {margin:0 20px;}

.bovenkantHolder .bovenkant .resMenubalkinhoud a.resMenucategorieknop {color: var(--kleur1); font-size: 25px;}

.resMenubalk {padding:15px;}
.resMenuHolder {background-color: var(--kleur2); box-sizing: border-box; padding: 30px; top: 100%;}
.resMenublokinhoud .resMenuItem a {border-bottom: 0; font-family: var(--font-family1); color: var(--fontkleur); font-size: 18px; letter-spacing: .04em;}
.resMenublokinhoud .laag1 .resMenuItem a {font-size: 16px;}
.resMenublokinhoud .resMenuItem.active > a {color: var(--kleur1)}
.openklapper {color: inherit;}

.uniekeForm {max-width: 900px; margin: 0 auto; background: #FFF; padding: 40px; box-sizing: border-box; border-radius: var(--border-radius-klein);}
.uniekeForm a.knopVersturen {float: right; margin: 10px 0 0 0;}

img.volledig, img.links-20, img.links-30, img.links-40, img.links-50, img.links-60, img.links-70, img.links-80, img.rechts-20, img.rechts-30, img.rechts-40, img.rechts-50, img.rechts-60, img.rechts-70, img.rechts-80 {border-radius: var(--border-radius-klein);}

.grid-2x > div {display: flex; flex-direction: column;}
.grid-2x > div > div:last-child {margin-top:auto;}

@media screen and (max-width: 900px) {

  h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 30px;}
  h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: 25px;}
  h5, .h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-size: 20px;}
  
  .bovenkantHolder .bovenkant {min-height: unset;}
  .HeaderHolder::before {height: 70px;}
  
  .liquid-slide-sjabloon .sliderWrapper {background: var(--kleur1);}
  .liquid-slide-sjabloon .inhoud {position: relative; max-width: none; left: 0; top: 0; font-size: 13px; padding: 30px 20px;}
  .liquid-slide-sjabloon .inhoud h1 {font-size: 40px;}
  .liquid-slide-sjabloon .inhoud h5 {font-size: 30px;}

  .vak {padding: 0;}

  .art-Sheet, section .inhoud, .vak .inhoud {padding: 20px;}

  a.logo {position: relative; transform: unset; top: unset; left: unset;}
  a.logo img {width: 104px; height: auto; object-fit: contain;}

  .pageFooterHolder .pageFooter {padding: 50px 20px;}

}

@media screen and (max-width: 680px) {


}