.elementor-11822 .elementor-element.elementor-element-84fae2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-11822 .elementor-element.elementor-element-84fae2d::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-background-video-container::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .e-con-inner > .elementor-background-video-container::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-background-slideshow::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .e-con-inner > .elementor-background-slideshow::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.tanqyou.com/wp-content/uploads/2025/05/TanQyou_MobilityChain_RGB_Cornered.svg");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:50% auto;}.elementor-11822 .elementor-element.elementor-element-c0d4d89{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11822 .elementor-element.elementor-element-3b42410 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11822 .elementor-element.elementor-element-3b42410 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11822 .elementor-element.elementor-element-ffd5dfb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:33px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#FA9C15;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11822 .elementor-element.elementor-element-e4c94c9{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.8em;letter-spacing:0px;word-spacing:0em;}.elementor-11822 .elementor-element.elementor-element-4626391{--display:flex;}.elementor-11822 .elementor-element.elementor-element-7fb22b2 > .elementor-widget-container{padding:0% 0% 0% 0%;}@media(max-width:1024px){.elementor-11822 .elementor-element.elementor-element-ffd5dfb .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-11822 .elementor-element.elementor-element-e4c94c9{font-size:14px;}}@media(max-width:767px){.elementor-11822 .elementor-element.elementor-element-84fae2d{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-11822 .elementor-element.elementor-element-ffd5dfb{text-align:left;}.elementor-11822 .elementor-element.elementor-element-ffd5dfb .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-11822 .elementor-element.elementor-element-e4c94c9{line-height:1.8em;}.elementor-11822 .elementor-element.elementor-element-7fb22b2 > .elementor-widget-container{padding:05% 0% 0% 0%;}}@media(min-width:768px){.elementor-11822 .elementor-element.elementor-element-c0d4d89{--width:40%;}.elementor-11822 .elementor-element.elementor-element-4626391{--width:60%;}}@media(min-width:1025px){.elementor-11822 .elementor-element.elementor-element-84fae2d::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-background-video-container::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .e-con-inner > .elementor-background-video-container::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-background-slideshow::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .e-con-inner > .elementor-background-slideshow::before, .elementor-11822 .elementor-element.elementor-element-84fae2d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-7fb22b2 *//* ================== Variabelen ================== */
/* Gutter boven het formulier (zoekblok) */
:root { --tq-gutter-search: 40px; }
/* Gutter van de Zoho-velden in de iframe (badge volgt deze) */
:root { --tq-gutter-form:   40px; }

/* ================== Basis ================== */
.tq-kvk, .tq-kvk * {
  box-sizing: border-box;
  font-family: inherit;
  color: #1f2937;
  line-height: 1.4;
}

/* ================== Zoekblok uitlijnen ================== */
.tq-kvk label[for="tq-company-input"],
#tq-help {
  margin-left:  var(--tq-gutter-search);
  margin-right: var(--tq-gutter-search);
}

.tq-kvk label[for="tq-company-input"]{
  display:block;
  font-size:16px;
  font-weight:500;
  color:#212b57;
  margin-top:0;
  margin-bottom:8px;
}
#tq-help{
  font-size:13px;
  color:#6b7280;
  margin-top:4px;
  margin-bottom:6px; /* compacter */
}

#tq-company-input{
  display:block;
  width:calc(100% - (var(--tq-gutter-search) * 2));
  margin:0 var(--tq-gutter-search);
  background:#fff;
  border:1px solid #b8bbd3;
  border-radius:4px;
  padding:12px 14px;
  font-size:16px;
  outline:none;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:border-color .15s ease, box-shadow .15s ease;
}
#tq-company-input::placeholder{ color:#9ca3af; font-size: 13px; }
#tq-company-input:focus{
  border-color:#ff9e00;
  box-shadow:0 0 3px 1px #fcc977;
}

/* Suggesties direct onder input, zelfde breedte en uitlijning */
.tq-kvk .tq-suggest{
  width:calc(100% - (var(--tq-gutter-search) * 2));
  margin:4px var(--tq-gutter-search) 0; /* compacter */
  border:1px solid #cfd6e4;
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  max-height:280px;
  overflow:auto;
  position:relative;
  z-index:9;
}
.tq-kvk .tq-suggest button{
  display:block;
  width:100%;
  text-align:left;
  background:#fff;
  border-radius: 0px;
  border:0;
  padding:8px 8px;
  font-size:13px;
  cursor:pointer;
  color:#1f2937;
}
.tq-kvk .tq-suggest button + button{ border-top:1px solid #eef2f7; }
.tq-kvk .tq-suggest button:hover,
.tq-kvk .tq-suggest button:focus{ background:#f8fafc; outline:none; }
.tq-kvk .tq-suggest .meta{ display:inline-block; margin-top:2px; font-size:12px; color:#6b7280; }

/* ================== Geselecteerd-bedrijf badge ================== */
/* Lijnt exact met Zoho-velden uit (eigen gutter) */
.tq-kvk #tq-selected{
  width:calc(100% - (var(--tq-gutter-form) * 2)) !important;
  margin:6px var(--tq-gutter-form) 0 !important; /* compacter en exact flush */
  padding:10px 14px;
  border:1px solid #cfd6e4;
  border-radius:8px;
  background:#fafafa;
  display:flex;
  align-items:center;
  gap:8px;
}
.tq-kvk #tq-selected strong{ font-weight:600; }
.tq-kvk #tq-selected-name,
.tq-kvk #tq-selected-kvk{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Knop 'wijzigen' als link-achtige CTA rechts */
.tq-kvk #tq-clear{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 6px;
  font-size:16px; font-weight:600;
  color:#212b57;
  background:transparent; border:none; border-radius:6px;
  cursor:pointer; line-height:1; text-decoration:none;
}
.tq-kvk #tq-clear:focus-visible{ outline:2px solid rgba(33,43,87,.35); outline-offset:2px; }
.tq-kvk #tq-clear:active{ transform:translateY(1px); }

/* ================== Mobiel: bredere vlakken (kleinere gutters) ================== */
@media (max-width: 768px){
  :root{
    --tq-gutter-search: 20px;
    --tq-gutter-form:   16px;
  }

  /* breedtes en uitlijning volgen automatisch de kleinere gutters */
  #tq-zoho-form-slot{ margin-top:4px; }
  #tq-help{ margin-bottom:4px; }
  .tq-kvk #tq-selected{ margin-top:4px !important; }
}
/* Desktop: ruime hoogte zodat interne scrollbar weg is */
#tq-zoho-iframe{
  width: 100%;
  display: block;
  border: 0;
  min-height: 1330px;   /* tune op jouw formulierlengte */
}

/* Mobiel: vaak iets langer */
@media (max-width: 768px){
  #tq-zoho-iframe{ min-height: 1260px; } /* indien nodig 2400–2600px */
}
* 1) Maak een stacking context voor het hele blok */
#kvk-form-wrapper.tq-kvk{
  position: relative;
  isolation: isolate;              /* zorgt dat z-index binnen dit blok voorspelbaar is */
}

/* 2) Zoekgedeelte en badge altijd bóven de iframe */
#tq-company-input,
#tq-help,
.tq-kvk .tq-suggest,
#tq-selected{
  position: relative;
  z-index: 10;
}

/* Suggestielijst echt boven alles (en los van layout-flow) */
.tq-kvk .tq-suggest{
  position: absolute;              /* zwevend boven het formulier */
  z-index: 1000;
  /* uitlijnen zoals je inputs (pas evt. aan je gutters aan) */
  left: var(--tq-gutter-search, 16px);
  right: var(--tq-gutter-search, 16px);
  /* als je eerder width:calc(...) gebruikt, haal die weg om dubbele breedtesturing te voorkomen */
  width: auto;
}

/* 3) Zet de iframe expliciet lager */
#tq-zoho-iframe{
  position: relative;
  z-index: 1;
}/* End custom CSS */