.elementor-8434 .elementor-element.elementor-element-8b4a36b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:05%;--padding-bottom:05%;--padding-left:05%;--padding-right:05%;}.elementor-8434 .elementor-element.elementor-element-8b4a36b:not(.elementor-motion-effects-element-type-background), .elementor-8434 .elementor-element.elementor-element-8b4a36b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-8434 .elementor-element.elementor-element-2d8fc5dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:15% 15%;--row-gap:15%;--column-gap:15%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:010%;--padding-bottom:010%;--padding-left:12%;--padding-right:12%;}.elementor-8434 .elementor-element.elementor-element-2d8fc5dc:not(.elementor-motion-effects-element-type-background), .elementor-8434 .elementor-element.elementor-element-2d8fc5dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a32b0ca );}.elementor-8434 .elementor-element.elementor-element-6e9105a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8434 .elementor-element.elementor-element-96bd15d{text-align:end;}.elementor-8434 .elementor-element.elementor-element-96bd15d img{width:100%;}.elementor-8434 .elementor-element.elementor-element-662cc42a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-8434 .elementor-element.elementor-element-4376a112{text-align:start;}.elementor-8434 .elementor-element.elementor-element-4376a112 .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-secondary );}.elementor-8434 .elementor-element.elementor-element-9006f25{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-secondary );}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;padding:16px 55px 16px 55px;}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button:hover, .elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-secondary );}.elementor-8434 .elementor-element.elementor-element-20348e2 > .elementor-widget-container{background-color:var( --e-global-color-a32b0ca );padding:40px 40px 40px 40px;}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button:hover svg, .elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8434 .elementor-element.elementor-element-2d8fc5dc{--content-width:1360px;}.elementor-8434 .elementor-element.elementor-element-6e9105a7{--width:50%;}.elementor-8434 .elementor-element.elementor-element-662cc42a{--width:50%;}}@media(max-width:1024px){.elementor-8434 .elementor-element.elementor-element-8b4a36b{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:05%;--padding-bottom:05%;--padding-left:5%;--padding-right:5%;}.elementor-8434 .elementor-element.elementor-element-2d8fc5dc{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:3% 3%;--row-gap:3%;--column-gap:3%;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-8434 .elementor-element.elementor-element-9006f25{font-size:14px;}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-8434 .elementor-element.elementor-element-8b4a36b{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-8434 .elementor-element.elementor-element-2d8fc5dc{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-8434 .elementor-element.elementor-element-662cc42a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8434 .elementor-element.elementor-element-20348e2 .elementor-button{padding:15px 35px 15px 35px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8434 .elementor-element.elementor-element-8b4a36b{--content-width:500px;}}/* Start custom CSS for html, class: .elementor-element-cf225e1 */#relatietest-app {
  --ohecht-primary: #125B40;
  --ohecht-primary-hover: #0e4732;
  --ohecht-text: #125B40;
  --ohecht-border: #b8d2c7;
  --ohecht-soft-bg: #f2f8f5;
  --ohecht-card-bg: #ffffff;

  max-width: 760px;
  margin: 0 auto;
  padding: 24px;
  font-family: inherit;
  line-height: 1.6;
  color: var(--ohecht-text);
}

#relatietest-app,
#relatietest-app * {
  box-sizing: border-box;
}

#relatietest-app h1,
#relatietest-app h2,
#relatietest-app h3,
#relatietest-app h4,
#relatietest-app h5,
#relatietest-app h6 {
  margin-bottom: 12px;
  font-family: inherit;
  color: var(--ohecht-text);
}

#relatietest-app p,
#relatietest-app li,
#relatietest-app strong,
#relatietest-app span,
#relatietest-app label {
  font-family: inherit;
  color: var(--ohecht-text);
}

.quiz-intro,
#quizContainer,
#resultContainer {
  background: var(--ohecht-card-bg);
  border: 1px solid var(--ohecht-border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.quiz-note {
  background: var(--ohecht-soft-bg);
  border: 1px solid var(--ohecht-border);
  border-radius: 12px;
  padding: 16px;
  margin: 20px 0;
}

.quiz-note ul,
.result-card ul {
  padding-left: 20px;
  margin: 0;
}

#progress {
  font-size: 14px;
  margin-bottom: 16px;
  color: var(--ohecht-text);
  font-family: inherit;
}

#questionBox h2 {
  margin-bottom: 20px;
  color: var(--ohecht-text);
}

#relatietest-app button.answer-option,
#relatietest-app button.answer-option:link,
#relatietest-app button.answer-option:visited {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 14px 16px;
  border: 1px solid var(--ohecht-border) !important;
  border-radius: 12px;
  background: #ffffff !important;
  color: #125B40 !important;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  transition: all 0.2s ease;
  -webkit-text-fill-color: #125B40 !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

#relatietest-app button.answer-option *,
#relatietest-app button.answer-option span {
  color: #125B40 !important;
  -webkit-text-fill-color: #125B40 !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

#relatietest-app button.answer-option:hover,
#relatietest-app button.answer-option:focus {
  border-color: var(--ohecht-primary) !important;
  background: var(--ohecht-soft-bg) !important;
  color: #125B40 !important;
  -webkit-text-fill-color: #125B40 !important;
}

#relatietest-app button.answer-option.selected {
  border-color: var(--ohecht-primary) !important;
  background: #e4f0ea !important;
  color: #125B40 !important;
  -webkit-text-fill-color: #125B40 !important;
}

#startQuiz,
#nextButton,
.result-cta {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 22px;
  border: none;
  border-radius: 12px;
  background: var(--ohecht-primary);
  color: #ffffff;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

#startQuiz:hover,
#nextButton:hover,
.result-cta:hover {
  background: var(--ohecht-primary-hover);
  transform: translateY(-1px);
}

#nextButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.result-card {
  margin-top: 20px;
  padding: 20px;
  border-radius: 12px;
  background: var(--ohecht-soft-bg);
  border: 1px solid var(--ohecht-border);
  color: var(--ohecht-text);
}

.result-card h3 {
  margin-top: 0;
}

.result-card p:last-child,
.result-card ul:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #relatietest-app {
    padding: 16px;
  }

  .quiz-intro,
  #quizContainer,
  #resultContainer {
    padding: 18px;
    border-radius: 14px;
  }

  #relatietest-app button.answer-option,
  #startQuiz,
  #nextButton,
  .result-cta {
    font-size: 15px;
  }
}/* End custom CSS */