@import url("https://use.typekit.net/igx4slo.css");

body {	
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 17px; line-height: 1.7em; letter-spacing: 0px;}

#topMain>li a {
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 0px;}


#topNav ul.dropdown-menu li a {
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;}

h1, section.page-header h1 {	
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 28px;}

h2 {	
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.5em; 
font-size: 24px;}

h3 {	
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.5em; 
font-size: 20px;}

.info-bar h3 {	
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;}

.info-bar p {
font-family: font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal; font-size: 16px;}


h4 {	
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.6em; 
font-size: 20px;}

h5 {	
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;}

h6 {	
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;}

.ctreigen .row, section.page-header{border:1;}.item-box{border-radius: 10px;background: #fff;}

.item-box figure {border-radius: 10px 10px 0 0;}

.item-box .item-hover {border-radius: 10px;}

.item-box h3 {	
font-family: proxima-nova, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;}

}
.item-box {
border-radius: 5px;
}
.item-box .overlay {
border-radius: 15px 15px 0 0;
}
.lightbox-ajax
{
  max-width: 1200px;
}


.btn {
font-size:16px;
border-radius: 15px;
padding: 5px 14px;
}

.media img {
border-radius:20px;
}

#topBar ul.top-links > li > a {
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
font-style: normal; font-size: 13px;
}


.logo-fixed {
    display: none; /* Standaard verborgen */
}

.nav-second-main
{
display:none;
}

.sticky:not(.fixed) #topNav button.btn-mobile
{
color: #fff;
}

#header.fixed .logo-default {
    display: none; /* Verberg het standaard logo bij scrollen */
}

#header.fixed .logo-fixed {
    display: block; /* Toon het kleinere logo bij scrollen */
}

section
{
border:0px;
}

.markeer-groen
{
  background-color: #99f337!important; 
}

.markeer
{
  background-color: #F07101!important; 
}
/* ============================= */
/* FINANCE CARD BASIS           */
/* ============================= */

.finance-card {
  background: #ffffff;
  border: 1px solid #e3e6ea;
  border-radius: 8px;
  padding: 35px 35px 60px 35px;
  transition: all 0.25s ease;
  cursor: pointer;
  height: 100%;

  display: flex;
  flex-direction: column;
}

/* Hover */
.finance-card:hover {
  border-color: #1d3c8f;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

/* Inhoud */
.finance-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Titel */
.finance-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* Intro */
.finance-intro {
  color: #666;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* Knop altijd onderaan */
.finance-button {
  margin-top: auto;
}

.autowise-wrapper{
    width:100%;
}

#autowise-iframe{
    width:100%;
    min-height:700px;
    border:0;
}

  #slider {
    position: relative;
  }

  #slider .page-header {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
    pointer-events: none;
    border: 0;
  }

  #slider .page-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #slider .page-header h1 {
    color: white;
    font-size: clamp(2.6rem, 5vw, 4rem);
    margin: 0;
    pointer-events: auto;
  }

#slider .textover {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 9; /* net onder de titel */
  pointer-events: none;
}

#slider .textover .container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

#slider .textover p {
  color: white;
  font-size: clamp(2.6rem, 5vw, 4rem);
  margin: 0;
  pointer-events: auto;
  line-height: 1.2;
}

.soort0 #slider .textover p {
  font-size: clamp(4rem, 6vw, 7rem);
  line-height: 1.1;
}

#slider .page-header h1,
#slider .textover p {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
text-align: center;
font-weight: bold;
}

.btn-custom
{
height:50px;
border-radius: 25px;
line-height: 34px!important;
font-size:18px;
text-shadow: none;
}

#header.fixed.translucent #topMain.nav-pills > li > a, #header.fixed.translucent ul.nav-second-main li a, #header.fixed.translucent ul.nav-second-main li a > i {
  color: #ffffff;
}

.knopeq::after {
    content: attr(data-knoptekst);
}

.knopeq[data-knoptekst=""]::after {
    content: "Bekijk meer";
}