/* Var */
:root {
--font-family-base: "Quicksand", sans-serif;
--font-family-icon: "Font Awesome 6 Free";
--dmc-text: #4E4E5B;
--txt-secondary: #687693;
--txt-3: #20242c;
--bs-accent-dark: #DA392E;
--hksm-dark-grey: #F5F5F5;
--hksm-blue-1: #91C1EA;
--hksm-blue-2: #55AFC6;
--hksm-blue-3: #4990C6;
--dmc-rounded: 6px;
--dmc-rounded-40: 40px;
  
/* Firefox */ 
  @supports (width: -moz-available) {
  --stretch: -moz-available;
  }
/* Safari */ 
  @supports (width: -webkit-fill-available) {
    --stretch: -webkit-fill-available;
  }
/* Chromium */
  @supports (width: stretch) {
    --stretch: stretch;
  }
}

/* Font */
body {font-family:var(--font-family-base); font-weight: 500;}
.cta h2.text-accent {color: var(--dmc-text) !important;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: var(--dmc-text); font-weight: 600;}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {color: var(--bs-white) !important;}
h1, .h1 {font-size: 3.1rem;}
ul.infoblock-links li a {color: var(--dmc-text);}
ul.infoblock-links li a:hover {color: var(--bs-primary);}
section.bg-accent h2 {font-size: 1.4rem;}
section.bg-accent p {font-size: 1.1rem; font-weight: 500;}
.bg-accent.text-white a {color: var(--bs-white); text-decoration: none !important; box-shadow: unset !important;}
.bg-accent.text-white a:hover {text-decoration: none !important; font-weight: 500;}
ul.blocks li:before {background: var(--txt-secondary); color: var(--dmc-text);}
a, a:hover {box-shadow: 0 1px 0 0 rgba(65, 53, 42, 0.3);}
a:hover {color: var(--bs-accent);}
a:has(img), a:has(img):hover {box-shadow: none;}
.element.text p a {text-decoration: none;}
.subgroup-pages .text-accent {color: var(--dmc-text) !important;}
.bg-light .text-accent {color: var(--dmc-text) !important;}
.element-list .fas, .element-list .fa-solid {font-size: 2.5rem; color: var(--txt-secondary) !important;}
ul.arrowlist li:before {color: var(--bs-primary) !important;}
.breadcrumb ul li a {box-shadow: none;}
.breadcrumb ul li a:hover {box-shadow: 0 1px 0 0 rgba(65, 53, 42, 0.3);}

/* Iconen */
.stacked-icons .fa-stack {width: 2em;}
.stacked-icons .icon-content {margin-left: 5px;}

/* border */
.box {border: 1px solid var(--bs-border);}

/* Border radius */
.rounded-6 {border-radius: var(--dmc-rounded);}
.rounded-40 {border-radius: var(--dmc-rounded-40);}

/* Afbeelding horizontaal spiegelen */
.u-flip-x img {transform: scaleX(-1);}

/* Eigen padding classes */
.hksm-py-4 {padding-top: 4rem; padding-bottom: 4rem;}

/* Image right / left */
.section-img-right, .section-img-left { position: relative; overflow: hidden; }
.section-img-right .row, .section-img-left .row { position: relative; align-items: stretch; }
.section-img-right .row > *, .section-img-left .row > * { margin-top: 0; }
.section-img-right .col-md-4 { display: flex; }
.section-img-right .col-md-4 :is(.element.image, .contextual-region, .element-image, picture, img) {width: 100%; height: 100%; }
.section-img-right .col-md-4 img {display: block; object-fit: cover; object-position: center;}

/* Button */
.btn {font-weight: 500; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.btn i.fa-solid {font-size: 11px;}
.btn-secondary {background: var(--txt-secondary); color: var(--dmc-text); padding: 0.5rem 1rem; border-radius: var(--dmc-rounded-40) !important; font-weight: 500;}
.btn-secondary:hover {background: var(--bs-dark); color: var(--bs-white); border-color: var(--bs-dark);}
.btn.rounded-40 {border-radius: var(--dmc-rounded-40);}
a.btn.bg-white:hover {background: transparent !important; border: 1px solid var(--bs-white); color: var(--bs-white);}

/* Vervolgpagina - CTA */
.cta .btn-accent {padding: 0.5rem 1rem; border-radius: var(--dmc-rounded-40); font-weight: 500;}

/* Breadcrumb */
.breadcrumb ul li::after {font-size: 0.6rem; vertical-align: middle;}

/* Header */
header section .row {align-items: center;}
header section.container .container .row .col-6.text-lg-start {width: 40%;}
header section.container .container .row .col-6 {width: 60%; display: flex; flex-direction: row-reverse; justify-content: flex-start;}
header section.container .container .row .col-6 .header-contact {display: flex !important;}
header section.container .container .row .col-6 .header-contact a:hover {text-decoration: underline;}
header section.container .container .row .col-6 .header-search {width: 36%;}
header section.container .container .row .col-6 .header-search .fluid-container.py-3.my-3 {padding: 0 !important; margin: 0 0 0 20px !important;}
header section.container .container .row .col-6.col1 {justify-content: flex-end;}

/* Zoekbalk */
.header-search .row {justify-content: flex-end;}
.footer-search .fluid-container {padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important;}
.denk-theme-search-form {display: block !important; position: relative; max-width: 300px; /* optioneel */}
#denk-theme-search-form #edit-search {width: var(--stretch); margin-right: 0;}
.denk-theme-search-form .form-control {width: 100%; padding: 12px 50px 12px 16px; /* ruimte rechts voor icoon */ border-radius: var(--dmc-rounded-40); border: none; background-color: var(--bs-light); /* lichtgrijs/blauw */ font-size: 0.9rem;}
.denk-theme-search-form .form-submit {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: none; background-image: url(/sites/default/files/domains/rocassure/magnifying-glass-solid-full.png) !important; cursor: pointer;}
#denk-theme-search-form .form-submit {background-color: transparent; padding-right: 2rem;}
.denk-theme-search-form .form-control:focus {outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,0.1);}
.denk-theme-search-form .form-submit {appearance: none;}

/* Menu */
#main-menu ul.menu li {padding: 0.7rem 0;}
#main-menu ul.menu li a {padding: 0.7rem 1.2rem; margin: 0 5px;}
#main-menu ul a {border-radius: var(--dmc-rounded-40);}
#main-menu ul.menu li.active-trail a {background: var(--bs-light); color: var(--bs-primary);}
#main-menu ul.menu li.active-trail a:hover {background: var(--bs-secondary); color: var(--bs-white);}

/* Border-radius */
.element {border-radius: var(--dmc-rounded);}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {border-radius: var(--dmc-rounded);}
.subgroup.border {border-radius: var(--dmc-rounded);}
.cta {border-radius: var(--dmc-rounded);}
.btn {border-radius: var(--dmc-rounded);}

/* Card */
.row > [class*="col-"] > .card {height: 100%; display: flex; flex-direction: column;}
.card .contextual-region {display: contents;}
.card-body {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-start;}
.card-body > div {margin-top: auto;}
.btn-full {width: 100%; display: flex; justify-content: center;}


/* Homepage - cards */
.section-white {position: relative; overflow: visible; z-index: 2; padding-bottom: 150px !important;}
.section-white > .container {position: relative; z-index: 3;}
.card-row {position: relative; z-index: 4; margin-top: -135px; margin-bottom: 10px;}
.section-white::after {content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 260px; background-image: url("/sites/default/files/domains/van-lunen-klomp-advies/images/bg-golf-2.png"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; pointer-events: none; z-index: 1;} 
.section-white h2 {font-size: 2.0rem; line-height: 2.5;}
.section-light {position: relative; z-index: 1; background: var(--bs-light);}
.section-light > .container {position: relative; z-index: 3;}
.card-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.card-grid-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.card-grid-2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.info-card {height: 100%;background: var(--hksm-dark-grey); border-radius: var(--dmc-rounded); box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: transform 0.3s ease;}
.info-card:hover {transform: translateY(-6px);}
.info-card a.info-card-link {height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; box-shadow: none; padding: 20px; }
.info-card a.info-card-link:hover {box-shadow: none;}
span.info-card-title {font-size: 1.5rem; font-weight: 600; color: var(--dmc-text); text-align: center;}
span.info-card-text {flex-grow: 1;color: var(--dmc-text); font-weight: 500; text-align: center;}
span.info-card-link-text {background: var(--txt-secondary); color: var(--dmc-text); padding: 0.5rem 1rem; border-radius: 40px; font-weight: 500;}
.info-card:hover .info-card-link-text {background: var(--bs-dark); color: var(--bs-white);}

/* Homepage - cards wide */
.info-card.wide {display: grid; grid-template-rows: auto auto 1fr; height: 100%; background: transparent; box-shadow: none;}
.info-card.wide:hover {transform: none;}
.info-card.wide .info-card-icon {justify-self: center;}
.info-card.wide .info-card-title {display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.5; min-height: calc(2 * 1.5em);}
.info-card.wide .info-card-text {text-align: center;}

/* Homepage - hero img */

.hero-img-tekst-1 img {width: 20%; position: relative; left: 13%; margin: 3% 0 10%;}

/* Homepage - Hypotheekblokken */
.bg-blauw-1 {background-color: var(--hksm-blue-1);}
.bg-blauw-2 {background-color: var(--hksm-blue-2);}
.bg-blauw-3 {background-color: var(--hksm-blue-3);}
.bg-blauw-1, .bg-blauw-2, .bg-blauw-3 {color: var(--txt-3);}
.hypotheek-card {position: relative; width: 100%; overflow: hidden;}
.hypotheek-card__image {display: block; width: 100%; height: auto;}
.hypotheek-card__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
h2.hypotheek-card__title {text-align: right;}
.hypotheek-card__button {display: inline-block; background-color: var(--txt-3); color: #ffffff; font-size: 1.1rem; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease;}
.hypotheek-card__button:hover {background-color: var(--bs-accent); color: var(--bs-white); transform: translateY(-2px);}
.hypotheek-card__button i.fa-solid {font-size: 11px;}

/* Homepage - laagste rente */
.section-laagste-rentes .rente {padding: 2rem 1rem !important;}
.section-laagste-rentes .rente a {box-shadow: none;}

/* Homepage - carousel */
.carousel {background:transparent;}
.carousel-control-prev {justify-content:start;left:-50px;width:50px;}
.carousel-control-next {justify-content:end;right:-50px;width:50px;}
.opacity-80 {opacity:0.8;}
.employee .employee-info {visibility: hidden;position:absolute;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.6);opacity: 0; transform: translateY(100%); transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;z-index:3;}
.employee:hover .employee-info {visibility: visible;opacity: 1; transform: translateY(0);}
.employee-info strong {font-weight: 500;}
.employee-info strong:not(:first-of-type) {font-size: 0.80rem;}
.employee-info i {margin-right: 5px; color: var(--txt-secondary);}
/*.employee .overlay {background:red;opacity:0.6;display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;}
.employee:hover .overlay {display:block;}*/
.employee .overlay {background: red; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; transition: opacity 0.3s ease; pointer-events: none;}
.employee:hover .overlay {opacity: 0.2;}
.employee .employee-title {display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:4;}
.employee:hover .employee-title {display:block;}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

 section.fade-in {
  view-timeline: --subject-reveal block;
  animation-timeline: --subject-reveal;

  animation-name: appear;
  animation-fill-mode: both;
  animation-duration: 1ms;
}
.carousel-indicators [data-bs-target] {background-color:var(--bs-white);}

/* Categorie-pagina */ 
.category-overzicht a {box-shadow: none; font-weight: 500;}

/* ZekerKlant - Nieuws */
#denk-nieuws .rounded-0 {border-radius: var(--dmc-rounded) !important; border-color: var(--bs-border);}
#denk-nieuws .dnk-img-fx {border-radius: var(--dmc-rounded) !important;}
#denk-nieuws .text-secondary {color: var(--dmc-text) !important;}
#denk-nieuws .btn-primary {background-color: var(--txt-secondary) !important; color: var(--dmc-text) !important;}
#denk-nieuws .btn:disabled, #denk-nieuws .btn.disabled, fieldset:disabled #denk-nieuws .btn {color: var(--dmc-text); background-color: var(--bs-secondary); border-color: var(--bs-secondary); opacity: 1;}
#denk-nieuws .btn:hover {color: var(--dmc-text); background-color: var(--bs-secondary); border-color: var(--bs-secondary);}
#denk-nieuws h3, #denk-nieuws .h3 {color: var(--dmc-text) !important;}
#denk-nieuws .form-check.form-switch {color: var(--dmc-text);}

/* Pagina Medewerkers */
.overzicht-team .team-overview {--bs-gutter-x: 16px; --bs-gutter-y: 16px;}
.overzicht-team .team-overview > [class*="col-"] {margin-bottom: 0 !important;}
.overzicht-team .team-overview > [class*="col-"] > .bg-white.rounded.h-100 {border: 1px solid #d9d9d9;}
.bg-white.rounded.h-100 {padding: 0; overflow: hidden;}
.bg-white.rounded.h-100 > :not(picture) {padding-left: 16px; padding-right: 16px;}
.overzicht-team .functie {margin-bottom: 1rem; min-height: 75px;}
.overzicht-team h3 {min-height: 50px; margin-top: 16px;}
.overzicht-team .fal, .overzicht-team .fa-light {color: var(--bs-accent);}
.overzicht-team .email {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.overzicht-team .email a {font-size: 0;}
.overzicht-team .email a::after {content: "stuur mij een e-mail"; font-size: 16px;}
.overzicht-team .phone {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px;}

/* Footer */
footer {font-size: 0.9em; line-height: 1.7em;}
footer h2 {color: var(--bs-white);}
footer strong {font-size: 0.95rem;}
footer a:hover {color: var(--bs-white); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);}
footer section.bg-organic-1 {background: url(/sites/default/files/domains/van-lunen-klomp-advies/images/footer-bg-2.png) no-repeat;}

/* h1 home */
.vasn-intro h1, .vasn-intro p {color:var(--bs-dark) !important;}
.hero-img {
 
  background-image:
    linear-gradient(
      to right,
      #E6EEF5 0%,
      #E6EEF5 25%,
      rgba(230, 238, 245, 0) 75%
    ),
    url("/sites/default/files/domains/verzekerings-advies-service-nederland/images/blije-familie-wandelt-met-kinderen-gras-zonsondergang.jpg") !important;

  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;

}

.element.card {border-top-left-radius:24px;border-top-right-radius:24px;} 
.card-img-top {border-top-left-radius:24px;border-top-right-radius:24px;}
.card-img-top img {border-top-left-radius:24px;border-top-right-radius:24px;}


@media (max-width: 575.98px) {
  /* Header */
header section.container .container .row .col-6 .header-contact {display: none !important;}

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: column;}
.section-headerimg, .section-headerimg .container {max-width: 100%;}
.section-headerimg > .container > .row:first-child {background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-small-1.png) no-repeat; background-position: 0 0; background-size: 100% 100%; object-fit: cover;}
.section-headerimg .icon-banner {background-color: var(--bs-accent) !important;}
.section-headerimg .icon-banner i {text-align: center !important;}
.section-headerimg .icon-banner .text-md-center {text-align: left !important;}
.section-headerimg .icon-banner.text-white h4 {color: var(--bs-white) !important; font-weight: 700; font-size: 1.2rem;}

.hero-img {
  background-position: center, center 80% !important;
  background-image: unset !important;
  background-color: #E6EEF5 !important;
}

main {
	margin-top:80px !important;
}
}

@media (min-width: 576px) {
  /* Header */
header section.container .container .row .col-6 .header-contact {display: none !important;}

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: column;}
.section-headerimg, .section-headerimg .container {max-width: 100%;}
.section-headerimg > .container > .row:first-child{background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-small-1.png) no-repeat; background-position: 0 0; background-size: 100% 100%; object-fit: cover;}
.section-headerimg .icon-banner {background-color: var(--bs-accent) !important;}
.section-headerimg .icon-banner i {text-align: center !important;}
.section-headerimg .icon-banner .text-md-center {text-align: left !important;}
.section-headerimg .icon-banner.text-white h4 {color: var(--bs-white) !important; font-weight: 700; font-size: 1.2rem;}


}

@media (min-width: 768px) {
  .hero-img {
  background-position: center, center !important;
}
}

@media (min-width: 992px) {
  /* Verzekeringen - onderliggende pagina's */
.verzekeringen-grid-3 > .row.g-4 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2rem; row-gap: 0; align-items: start;}
.verzekeringen-grid-3 > .row.g-4 > div {width: auto !important; max-width: none !important; min-width: 0; margin: 0; padding-left: 0; padding-right: 0; flex: none !important;}
/* eerste rij categorieën */
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(1)  { grid-column: 1; grid-row: 1; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(2)  { grid-column: 1; grid-row: 2; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(3)  { grid-column: 1; grid-row: 3; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(4)  { grid-column: 2; grid-row: 1; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(5)  { grid-column: 2; grid-row: 2; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(6)  { grid-column: 2; grid-row: 3; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(7)  { grid-column: 3; grid-row: 1; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(8)  { grid-column: 3; grid-row: 2; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(9)  { grid-column: 3; grid-row: 3; }
/* tweede rij categorieën */
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(10) { grid-column: 1; grid-row: 4; margin-top: 2rem; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(11) { grid-column: 1; grid-row: 5; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(12) { grid-column: 1; grid-row: 6; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(13) { grid-column: 2; grid-row: 4; margin-top: 2rem; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(14) { grid-column: 2; grid-row: 5; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(15) { grid-column: 2; grid-row: 6; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(16) { grid-column: 3; grid-row: 4; margin-top: 2rem; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(17) { grid-column: 3; grid-row: 5; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(18) { grid-column: 3; grid-row: 6; }
/* derde rij categorieën */
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(19) { grid-column: 1; grid-row: 7; margin-top: 2rem; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(20) { grid-column: 1; grid-row: 8; }
.verzekeringen-grid-3 > .row.g-4 > div:nth-child(21) { grid-column: 1; grid-row: 9; }
.verzekeringen-grid-3 .bg-light {margin-bottom: 0; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.verzekeringen-grid-3 .col-3.col-lg-2, .verzekeringen-grid-3 .col-9.col-lg-10 {width: 100% !important;}
.verzekeringen-grid-3 .col-3.col-lg-2 picture {display: block; width: 100%; height: 200px; overflow: hidden;}
.verzekeringen-grid-3 .col-3.col-lg-2 img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important;}
.verzekeringen-grid-3 .col-9.col-lg-10 {margin-top: .75rem;}
.verzekeringen-grid-3 .col-9.col-lg-10 ul {width: 100%; margin: 0;}
.verzekeringen-grid-3 a, .verzekeringen-grid-3 a:hover {box-shadow: none; font-weight: 500;}
.verzekeringen-grid-3 a {color: var(--dmc-text);}
.verzekeringen-grid-3 a:hover {color: var(--bs-accent);}
.verzekeringen-grid-3 .col-9.col-lg-10 .py-2 {padding-left: 1rem; padding-right: 1rem;}
.verzekeringen-grid-3 .col-9.col-lg-10 ul > li:last-child {border-bottom: 0 !important;}
/* border */
.verzekeringen-grid-3 .bg-light {border: 1px solid var(--bs-border); border-bottom: 0; padding: .75rem 1rem;}
.verzekeringen-grid-3 .col-3.col-lg-2 {width: 100% !important; margin-top: 0;}
.verzekeringen-grid-3 .col-3.col-lg-2 picture {border-left: 1px solid var(--bs-border); border-right: 1px solid var(--bs-border);}
.verzekeringen-grid-3 .col-9.col-lg-10 {width: 100% !important; margin-top: 0; border: 1px solid var(--bs-border); border-top: 0; border-radius: 0 0 .5rem .5rem; padding: 0; overflow: hidden;}
.verzekeringen-grid-3 .col-9.col-lg-10 li:last-child {border-bottom: 0;}
/* zelfde hoogte */
.verzekeringen-grid-3 .bg-light {min-height: 3.5rem; display: flex; align-items: center;}
.verzekeringen-grid-3 .col-9.col-lg-10 {display: flex;}
.pag-particuliere-verzekeringen .verzekeringen-grid-3 .col-9.col-lg-10, .pag-zakelijke-verzekeringen .verzekeringen-grid-3 .col-9.col-lg-10 {min-height: 18rem;}
.pag-life-events .verzekeringen-grid-3 .col-9.col-lg-10 {min-height: 24rem;}

/* Header */
.header-contact a {font-size: 0.9rem;}
header section.container .container .row .col-6 .header-contact {display: flex !important;}

/* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.62rem;}

/* h1 home */
.vasn-intro h1 {color:var(--bs-primary)};

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: row;}
.section-headerimg, .section-headerimg .container {max-width: 960px;}
.section-headerimg > .container > .row:first-child {background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-1.png) no-repeat; background-position: 0 0; background-size: 65% auto;}
}

@media (min-width: 1200px) {
  /* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.8rem;}

/* Header - img + buttons */
.section-headerimg, .section-headerimg .container {max-width: 1140px;}
}

@media (min-width: 1400px) {
  /* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.9rem;}

/* Header - img + buttons */
.section-headerimg, .section-headerimg .container {max-width: 1320px;}
}