/*
Theme Name: kpot theme
Author: kpot
Author URI: https://kpot.be/
Version: klant-v1;
*/

/* IE FIX (omdat die nieuwe tags niet kent) */
main,
section,
article {
    display: block;
}

/* EDIT ICON */
.editpost{
  position: fixed;
  top: 1vw;
  right: 1vw;
  margin: 0;
  z-index: 999999;
}
.editpost a{
  background-image: url(assets/img/edit.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
.editpost a span{
  display: none;
}

/* GENERAL */
html{
  scroll-behavior: smooth;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.grecaptcha-badge{
	display: none;
}
body, label, input, textarea, select, button {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6{
  font-family: Arial, sans-serif;
}
img{
  width: 100%;
  height: auto;
}
.hidden_title{
  display: none;
}


/* LINK ONDERLIJN ANIMATIE */
a {
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: #000;
}
/* .site_nav a:not(.button)::after,
.site_nav a:not(.button) .hover_arrow_tekst::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #3D6C5C;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.site_nav a:not(.button):hover::after,
.site_nav a:not(.button) .hover_arrow_tekst:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
} */
.site_nav a:hover{
  text-decoration:underline;
}
.site_logo a::after{
  display: none;
}
.wpml-switcher {
  position: relative;
  display: inline-block;
  margin-left:30px;
}

.current-language {
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}
.current-language::after {
  content: "";
  position: absolute;
  right: 0;
  top: 60%;
  width: 10px;
  height: 10px;
  background-image: url("assets/img/menu_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: 50% 25%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
}
.language-list {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
  /* background: white; */
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: all 0.3s ease;
}

.language-list li {
  white-space: nowrap;
}

.language-list a {
  display: block;
  /* padding: 8px 12px; */
  text-decoration: none;
}
.wpml-switcher:hover .language-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.wpml-switcher:hover .current-language::after {
  transform: translateY(-50%) rotate(180deg);
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  display: none;
}
.otgs-development-site-front-end{
  display:none;
}


/* LOADINGANIMATION */
.animateOnLoad,
.wp-block-column {
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.animateOnLoad.load,
.wp-block-column.load {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}


/* HEADER */
.site_logo a{
  /* background-image: url(assets/img/logo.png); */
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 100px;
}
.site_logo a>span{
  display: none;
}

.site_header{
  /* background-color: lightblue; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* HAMBURGE-MENU */
#nav-icon {
  width: 30px;
  height: 22px;
  position: relative;
  margin: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display:none;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #0C0843;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span{
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 9px;
}

#nav-icon span:nth-child(3) {
  top: 18px;
}

.single-domeinen #nav-icon span {
  background: #A8D0F8;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 0px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 0px;
}

/* @media screen and (max-width: 800px) {
  #nav-icon {
    display:block;
  }
  .site_nav{
    display:none;
  }
} */







/* SUBMENU */
.menu-item-has-children {
  position: relative;
}

/* Submenu base state */
.menu-item-has-children .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s;

  pointer-events: none; /* prevents hover flicker */
  text-align: right;
}

/* Hover state */
.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);

  pointer-events: auto;
}
.sub-menu li{
  margin-top:5px;
}
.menu-item-has-children > a {
  position: relative;
  padding-right: 28px; /* space for arrow */
}
.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  bottom: unset;
  left: unset;
  right: 8px;
  top: 34%;
  width: 12px;
  height: 12px;
  background-color: unset;
  background-image: url(assets/img/menu_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin:center !important;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
.single-domeinen .current-language{
  color:#A8D0F8;
}
.single-domeinen .current-language::after {
  background-image: url(assets/img/menu_arrow_light.png);
}
.single-domeinen .menu-item-has-children > a::after {
  background-image: url(assets/img/menu_arrow_light.png);
}
.menu-item-has-children:hover > a::after,
.menu-item-has-children:focus-within > a::after {
  transform: rotate(180deg);
}









/* GENERAL */
.site_header {
  /* background-color: red;
  opacity: .2; */
  width: 100%;
  position: absolute;
  z-index: 99999;
}
a:hover:not(.button, .wp-element-button) {
  text-decoration:underline;
}
.home_maincontent a:not(.button, .wp-element-button){
  color:#FF6200;
}
.domeinen_maincontent a:not(.button, .wp-element-button){
  text-decoration:underline;
  color: inherit;
}
.domeinen_maincontent a:hover:not(.button, .wp-element-button){
  opacity:.8;
}
.domeinen_maincontent .wp-block-image img{
  margin-bottom: 10px;
  border-radius: 30px;
}
.h3-wrapper{
  margin-bottom: 15px;
}
#menu-main, #menu-main-fr{
  display:flex;
}
#menu-main li, #menu-main-fr li{
  margin-right:30px;
}
#menu-main-fr .sub-menu{
  left:-30px;
}
p{
  margin-bottom:15px;
}

body, p, a, div, span, input, textarea, h1, h2, h3, h4, h5, h6{
  font-size:18px;
  font-family: Arial, sans-serif;
  color:#0C0843;
}
.dark_bg p, .dark_bg a, .dark_bg h1, .dark_bg h2, .dark_bg h3, .dark_bg h4, .dark_bg p span, .dark_bg a span, .dark_bg h1 span, .dark_bg h2 span, .dark_bg h3 span, .dark_bg h4 span{
  color:#A8D0F8;
}
h1, h1 span{
  font-family: 'Bebas Neue', sans-serif;
  font-size:130px;
  line-height: 130px;
  text-transform:uppercase;
}
.page-accueil h1, .page-accueil h1 span{
  font-size:80px;
  line-height: 80px;
}
h2, h2 span{
  font-family: 'Bebas Neue', sans-serif;
  font-size:60px;
  line-height: 70px;
  text-transform:uppercase;
}
h3, h3 span{
  font-family: 'Bebas Neue', sans-serif;
  font-size:45px;
  line-height: 85px;
  text-transform:uppercase;
}

strong p, p strong, strong{
  font-weight:900;
}

.border_img{
  border-radius:20px;
  margin-top:30px;
  margin-bottom:30px;
}

.button{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 25px;
  line-height: 13px;
  text-transform: uppercase;
  color: #0C0843;
  background-color: #FF6200;
  padding: 14px 40px 11px 40px;
  width: fit-content;
  margin: 0 auto;
  border-radius: 20px;
}
.button:hover{
  color:white !important;
  background-color:#2704D3 !important;
}
.single-domein .button:hover{
  color:#0C0843 !important;
  background-color:#FF6200 !important;
}
.container{
  max-width: 100vw;
  overflow-x: hidden;
}

.omcirkel {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.omcirkel::before {
  content: "";
  position: absolute;
  top: 36%;
  left: 51%;
  width: 111%;
  height: 190%;
  background: url(assets/img/omcirkel_darkblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}

.dubbele_onderlijning {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.dubbele_onderlijning::before {
  content: "";
  position: absolute;
  top: 97%;
  left: 45%;
  width: 120%;
  height: 160%;
  background: url(assets/img/dubbele_onderlijning_darkblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.onderlijning_orange::before {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  width: 100%;
  height: 110%;
  background: url(assets/img/dubbele_onderlijning_orange.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  /* z-index: -1; */
  pointer-events: none;
}

.enkele_onderlijning{
  position: relative;
  display: inline-block;
  z-index: 1;
}
.white_btn a{
  background-color: white;
  color: #0C0843 !important;
  border: 1.5px solid #0C0843;
  padding: 12px 60px;
}
.white_btn a:hover{
  color: #A8D0F8 !important;
  background-color: #0C0843 !important;
}
.white_btn a::after{
  content: "";
  position: absolute;
  bottom: unset;
  left: unset;
  right: 34px;
  top: 34%;
  width: 12px;
  height: 12px;
  background-color: unset;
  background-image: url(assets/img/menu_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: center !important;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
.white_btn a:hover::after{
  background-image: url(assets/img/menu_arrow_light.png);
}

.enkele_onderlijning::before {
  content: "";
  position: absolute;
  top: 85%;
  left: 49%;
  width: 105%;
  height: 160%;
  background: url(assets/img/enkele_onderlijning_darkblue.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.column_darkblue_bg .enkele_onderlijning::before {
  background: url(assets/img/enkele_onderlijning_lightblue.png) no-repeat center / contain;
}
.domeinen_maincontent h2{
  margin-bottom:50px;
}
.wrap_me .top .omcirkel::before{
  content: "";
  position: absolute;
  top: 47%;
  left: 48%;
  width: 66%;
  height: 144%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
  background: url(assets/img/omcirkel_percentage.png) no-repeat center / contain;
}
.dark_bg .omcirkel::before {
  background: url(assets/img/omcirkel_lightblue.png) no-repeat center / contain;
}
.dark_bg .dubbele_onderlijning::before {
  background: url(assets/img/dubbele_onderlijning_lightblue.png) no-repeat center / contain;
}
.dark_bg .enkele_onderlijning::before {
  background: url(assets/img/enkele_onderlijning_lightblue.png) no-repeat center / contain;
}

.quiz_begin::before{
  content: "";
  position: absolute;
  top: 46vh;
  left: -10vw;
  width: 180px;
  height: 180px;
  background: url(assets/img/start_clubcheck_left.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.quiz_begin::after{
  content: "";
  position: absolute;
  top: 0px;
  right: -24vw;
  width: 180px;
  height: 180px;
  background: url(assets/img/start_clubcheck_right.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}


/* HOME */
.home_abovethefold{
  width:100%;
  /* height:100vh; */
  height:88vh;
  background-color:#A8D0F8;
  align-content: end;
}

.home_abovethefold h1{
  max-width:900px;
  margin:0 auto;
  z-index: 5;
}

.abovethefold_content_wrapper{
  display:flex;
  justify-content:space-between;
  min-height:55vh;
  flex-direction:column;
  text-align:center;
  padding-bottom: 45px;
  padding-left: 30px;
  padding-right: 30px;
}
.abovethefold_content_wrapper::before{
  content: "";
  position: absolute;
  top: 80px;
  left: 20px;
  width: 14vw;
  height: 14vw;
  background-image: url(assets/img/cross_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.abovethefold_content_wrapper::after{
  content: "";
  position: absolute;
  top: 34vh;
  right: 40px;
  width: 11vw;
  height: 11vw;
  background-image: url(assets/img/cross_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.abovethefold_content_wrapper .button::after{
  content: "";
  position: absolute;
  /* top: -27vh; */
  bottom: -9vw;
  /* right: 20vw; */
  margin-left: 4vw;
  width: 30vw;
  height: 30vw;
  background-image: url(assets/img/white_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 9;
}
.home_abovethefold::before {
  content: "";
  position: absolute;
  top: 30.5vw;
  left: 0px;
  width: 100%;
  height: 38vw;
  background-image: url(assets/img/middenstip_midblue.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: rotate(90deg);
}
.page-template-template-zelfscan main::before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc((100vw - 700px) / 2);
  width: 40vw;
  height: 40vh;
  background-image: url(assets/img/middenstip_fortop.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  max-width: 700px;
  /* transform: rotate(90deg);*/
}
.page-template-template-zelfscan main::after {
  /* content: "";
    position: absolute;
    bottom: 0px;
    left: calc((100vw - 700px) / 2);
    width: 700px;
    height: 156px;
    background-image: url(assets/img/clubcheck_goal.png);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    max-width: 700px; */
}
.home_abovethefold::after {
  content: "";
  position: absolute;
  top: calc(88vh - 12vw);
  left: -7%;
  overflow: unset;
  width: 114%;
  height: 42vw;
  background-image: url(assets/img/onderstuk_landing_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.page-template-template-zelfscan{
  position: relative;
}
.page-template-template-zelfscan::before{
  content: "";
  position: absolute;
  bottom:0px;
  overflow: unset;
  width: 8vw;
  height: 8vw;
  background-image: url(assets/img/clubcheck_corners.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.page-template-template-zelfscan::after{
  content: "";
  position: absolute;
  right: 0;
  transform: rotate(270deg);
  bottom:0px;
  overflow: unset;
  width: 8vw;
  height: 8vw;
  background-image: url(assets/img/clubcheck_corners.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.scan-en-versterk-blok:first-of-type .scan-en-versterk-blok__intro::after{
  content: "";
  position: absolute;
  width: fit-content;
  right: 10px;
  /* transform: rotate(270deg); */
  bottom: 6px;
  /* margin-left: 250px; */
  overflow: unset;
  width: 80px;
  height: 80px;
  background-image: url(assets/img/home_bgblock_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 99999;
}
.scan-en-versterk-blok:nth-of-type(2) .scan-en-versterk-blok__intro::after{
  content: "";
  position: absolute;
  width: fit-content;
  right: 10px;
  /* bottom: 0px; */
  /* transform: rotate(270deg); */
  bottom: 10px;
  /* margin-left: 250px; */
  overflow: unset;
  width: 220px;
  height: 20px;
  background-image: url(assets/img/home_bgblock_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 99999;
}
.scan-en-versterk-blok:nth-of-type(3) .scan-en-versterk-blok__intro::after{
  content: "";
  position: absolute;
  width: fit-content;
  right: 10px;
  /* transform: rotate(270deg); */
  bottom: 0px;
  /* margin-left: 250px; */
  overflow: unset;
  width: 180px;
  height: 130px;
  background-image: url(assets/img/home_bgblock_3.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 99999;
}
.scan-en-versterk-blok:nth-of-type(4) .scan-en-versterk-blok__intro::after{
  content: "";
  position: absolute;
  width: fit-content;
  right: 10px;
  /* transform: rotate(270deg); */
  bottom: 15px;
  /* margin-left: 250px; */
  overflow: unset;
  width: 60px;
  height: 60px;
  background-image: url(assets/img/home_bgblock_4.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 99999;
}


.home_maincontent{
  background-color:#0C0843;
  color:#A8D0F8;
  padding:60px 15px;
  counter-reset: item;
  z-index: 999999999;
    position: relative;
}
.home_maincontent_wrapper{
  max-width:1020px;
  margin:0 auto;
  padding-left: 60px;
  padding-right: 60px;
}
.one_item_content_logos{
  display:flex;
  margin-top:30px;
}
.one_item_content_logos a{
  width: 20%;
  padding-right: 30px;
  object-fit: contain;
  padding-right: 60px;
  align-content: center;
}
.one_item_content_introductie{
  margin-top:30px;
}
.one_item{
  border-bottom: 1px solid #A8D0F8;
  padding-bottom: 10px;
  padding-top: 20px;
}
/* .one_item .one_item_content{
  display:none
}
.one_item.active .one_item_content{
  display:block;
} */

.page-id-7 .afb_nl{
  display:block;
}
.page-id-7 .afb_fr{
  display:none;
}
.page-id-227 .afb_nl{
  display:none;
}
.page-id-227 .afb_fr{
  display:block;
}

.one_item_content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.6s ease
}

.one_item.active .one_item_content {
  max-height: 2000px; /* large enough */
  
}





.one_item_content{
  padding-bottom:35px;
}
.one_item:last-child {
  border-bottom: none;
}
.scan-en-versterk-blokken{
  display:flex;
  flex-flow:wrap;
  gap:30px;
  margin-top: 30px;
}
.scan-en-versterk-blok{
  width: calc(50% - 45px);
  background-color: #A8D0F8;
  color: #0C0843;
  border-radius: 20px;
  padding: 15px;
  min-height: 160px;
  position:relative;
}
.scan-en-versterk-blok p, .scan-en-versterk-blok a, .scan-en-versterk-blok h2, .scan-en-versterk-blok h3, .scan-en-versterk-blok h4 {
  color:#0C0843;
}
.scan-en-versterk-blok p{
  max-width: 75%;
  font-size: 20px;
  letter-spacing: 1px;
  /* font-weight: 100; */
  text-transform: uppercase;
  font-family: 'Bebas Neue', sans-serif;
}
.scan-en-versterk-blok__titel{
  line-height:54px;
}

.scan-en-versterk-blok img{
  max-height: 80px;
  max-width: 80px;
  object-fit: contain;
  position: relative;
  left: calc(100% - 80px);
}
.two_columns{
  display:flex;
  flex-flow:wrap;
  margin-top:30px;
}
.two_columns .left{
  width: calc(50% - 30px);
  border-right: 1px solid #A8D0F8;
  padding-right: 30px;
}
.two_columns .right{
  width: calc(50% - 31px);
  padding-left: 30px;
  color:#A8D0F8;
}

.one_item_content a.button{
  color:#0C0843;
  margin-top:15px;
}
.one_item_title{
  position:relative;
}
.one_item_title::before {
  counter-increment: item;
  content: counter(item);
  font: inherit;
  margin-left: -70px;
  margin-right: 45px;
}
.one_item_title::after {
  content: "";
  position: absolute;
  top: 30px;
  left: -55px;
  width: 80px;
  height: 80px;
  background: url(assets/img/number_circle1.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.one_item_title, .one_item_title span{
  font-size:43px;
  transition: font-size 0.45s ease 0.1s; /* delay bij sluiten */
}
.one_item.active .one_item_title,
.one_item.active .one_item_title span {
  transition-delay: 0s;
}
.active .one_item_title, .active .one_item_title span{
  font-size:60px;
}
.home .one_item:not(.active):hover {
  cursor: pointer;
  opacity: .85;
}
/* ITEM 2 */
.one_item:nth-of-type(2) .one_item_title::after {
  left: -60px;
  background-image: url(assets/img/number_circle2.png);
}

/* ITEM 3 */
.one_item:nth-of-type(3) .one_item_title::after {
  left: -60px;
  background-image: url(assets/img/number_circle3.png);
}

/* ITEM 4 */
.one_item:nth-of-type(4) .one_item_title::after {
  left: -60px;
  background-image: url(assets/img/number_circle4.png);
}

.one_item:nth-of-type(4) .one_item_content::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -55px;
  width: 80px;
  height: 80px;
  background: url(assets/img/home_img3_left.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.one_item:nth-of-type(4)::after {
  content: "";
  position: absolute;
  top: 30px;
  left: -55px;
  width: 80px;
  height: 80px;
  background: url(assets/img/home_img3_right.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.home_bot{
  background-color:#A8D0F8;
  text-align:center;
  padding:60px;
  position:relative;
}
.home_bot iframe{
  border-radius:20px !important;
  margin-top:40px;
  z-index: 9;
  position: relative;
}
.home_bot h2{
  margin-top:20px;
  margin-bottom:20px;
  position:relative;
  display:inline-block;
}
.home_bot h2::after{
  content: "";
  position: absolute;
  top: 72px;
  left: 50%;
  width: 90%;
  height: 120%;
  background: url(assets/img/enkele_onderlijning_darkblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  transform-origin: center;
  pointer-events: none;
}
.home_bot p{
  position:relative;
  display:inline-block;
  width:100%;
}
.home_bot p::before{
  content: "";
  position: absolute;
  top: -40px;
  left: calc((100vw - 700px) / 2 - 180px);
  width: 200px;
  height: 200px;
  background: url(assets/img/bot_top_left.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.home_bot p::after{
  content: "";
  position: absolute;
  top: 50px;
  left: calc((100vw + 700px) / 2 - 0px);
  width: 200px;
  height: 200px;
  background: url(assets/img/bot_top_right.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.home_bot::before{
  content: "";
  position: absolute;
  top: 89%;
  left: calc((100vw - 700px) / 2 - 180px);
  width: 120px;
  height: 120px;
  background: url(assets/img/bot_bottom_left.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.home_bot::after{
  content: "";
  position: absolute;
  top: 77%;
  right: -180px;
  width: 200px;
  height: 200px;
  background: url(assets/img/bot_bottom_right.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/*iFRAME - pickaxe bot */
.scrollbar-thin{
  display: none !important;
}






/* PAGE TEMPLATE ZELFSCAN */
.page-template-template-zelfscan main{
  min-height: calc(100vh - 150px);
  padding-top: 130px;
  background-color: #A8D0F8;
}
.page-template-template-zelfscan.im_not_a_question main{
  background-color: #0C0843;
}
.page-template-template-zelfscan.im_not_a_question #menu-main a, .page-template-template-zelfscan.im_not_a_question #menu-main-fr a{
  color:#A8D0F8;
}
.page-template-template-zelfscan.im_not_a_question .qsm-quiz-container form {
  max-width: 1080px;
}

.page-template-template-zelfscan.im_not_a_question .quiz_section::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -10vw;
  width: 180px;
  height: 180px;
  background: url(assets/img/orange_cross.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.page-template-template-zelfscan.im_not_a_question .quiz_section::after{
  content: "";
  position: absolute;
  top: 15vh;
  right: -24vw;
  width: 180px;
  height: 180px;
  background: url(assets/img/orange_vinkje.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.page-template-template-zelfscan.im_not_a_question .congrats::before{
  content: "";
  position: absolute;
  top: 45vh;
  right: calc((100vw - 700px) / 2 + 350px - 7vw);
  width: 18vw;
  height: 18vw;
  background: url(assets/img/curly_arrow_new.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.page-template-template-zelfscan.im_not_a_question .congrats::after{
  content: "";
  position: absolute;
  top: 50vh;
  left: 52vw;
  z-index: 999;
  width: 180px;
  height: 180px;
  background: url(assets/img/orange_cross.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.qmn_pagination{
  max-width: 660px;
  margin: 0 auto !important;
}
.pages_count{
  display:none !important;
}
.no_question_block h1{
  color: #FFF;
  text-align: center;
  /* Titles 1 */
  font-family: "Bebas Neue";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 87px; /* 96.667% */
}
.no_question_block p{
  color: #FFF;
}
.no_question_block .onderlijning::after{
  content: "";
  position: absolute;
  top: 90px;
  left: 49%;
  width: 32%;
  height: 160%;
  background: url(assets/img/dubbele_onderlijning_lightblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.no_question_block h2{
  color: #FFF;
  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: none;
  max-width: 720px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 60px;
}

.no_question_block.congrats h1{
  color: #A8D0F8;
  font-size: 150px;
}
.no_question_block.congrats h2{
  color: #A8D0F8;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 80px;
  text-transform:uppercase;
}

.no_question_block.congrats .omcirkel::before{
  content: "";
  position: absolute;
  top: 41%;
  left: 53%;
  width: 123%;
  height: 335%;
  background: url(assets/img/omcirkel_lightblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  transform-origin: center;
  pointer-events: none;
}


/* QUIZ AND SURVEY - stylings*/
.more-link {
	display: block;
}
.qmn_quiz_container.qsm_auto_pagination_enabled {
  /* position: absolute !important; */
  min-height: calc(100vh - 150px);
}
.qsm-quiz-container{
  margin: 20px auto;
  /* max-width: 700px; */
  /* background-color: lightsteelblue; */
  min-height: 70vh;
  /* margin-top: 15vh; */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom:0px;
  min-height: calc(100vh - 170px);
  min-width:800px;
}

.quiz_section{
  margin-top:60px !important;
}
#mlw_error_message{
  display:none;
}

.qsm-quiz-container h1, .mlw_qmn_new_question{
  font-size: 90px;
  font-family: 'Bebas Neue', sans-serif;
  line-height:87px;
  text-transform:uppercase;
  text-align: center;
  display: block !important;
}
.qmn_pagination{
  height: 75px;
  /* background-color: lightpink; */
  border: 20px #2704D3 solid;
  border-bottom: unset;
}
.qmn_pagination, .qsm_auto_pagination_enabled .qmn_pagination{
  width:700px !important;
}
/* #question1_1::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background-image: url("https://vrouwenvoetbal.kpot.be/wp-content/uploads/2025/11/icon_li_archipel.png");
    background-size: contain;
    background-repeat: no-repeat;
} */

.qmn_radio_answers label{
	margin-left:25px !important;
}
.qsm_contact_div input, .qsm_contact_div select{
  border: unset !important;
  border-radius: 10px !important;
  width:100% !important;
}
.qsm_contact_div{
  display:inline-block;
  width:49%;
}
.qsm_contact_div:nth-child(6) {
  width: calc(100% - 5px);
}
.qsm_contact_div:nth-child(2), .qsm_contact_div:nth-child(4){
  width:calc(50% - 13px);
  margin-right:8px;
}
.qsm_contact_div:nth-child(3), .qsm_contact_div:nth-child(5){
  width:calc(50% - 13px);
  margin-left:8px;
}

.qsm_contact_div select  {
  color: #B2B2B2 !important; /* placeholder grey */
}

.qsm_contact_div select.is-filled {
  color: #000 !important; /* real value */
}
/* .qsm-question-page{
  display:block !important;
} */

.qsm_contact_div label{
  display:none !important;
}
.small_icon{
  max-width:30px;
}
.qmn_radio_answers input{
  -webkit-appearance: auto !important;
}
.qmn_pagination, .qsm_auto_pagination_enabled .qmn_pagination {
  flex-direction: row !important;
  position: absolute;
    display: flex;
    bottom: 0px;
}

.qsm-progress-bar{
  display:none;
  max-width:350px;
}
.qsm-progress-bar svg{
  border-radius:50px;
  border: 1.5px solid #0C0843;
  height: 23px !important;
}
#qsm_progress_bar_1 svg path:first-of-type {
  stroke: #2704D3 !important;
}
#qsm_progress_bar_1 svg path:last-of-type {
  stroke: #A8D0F8 !important;
  /* -webkit-mask-image: linear-gradient(
    to right,
    black 0%,
    black 10%,      
    transparent 100% 
  );
  mask-image: linear-gradient(
    to right,
    black 0%,
    black 10%,
    transparent 100%
  ); */
}
/* @-moz-document url-prefix() {
  #qsm_progress_bar_1 svg path:last-of-type {
    stroke: #A8D0F8 !important;
    -webkit-mask-image: unset;
    mask-image: unset;
  }
} */

#qsm_progress_bar_1 {
  position: relative;
}
.progressbar-text{
  width: 100% !important;
  text-align: center;
  background-color: #2704D3;
  padding: 5px;
  border-radius: 20px;
  color: white;
  display:none;
}
.qsm-progress-bar svg path[stroke] {
  stroke-width:2px;
  stroke-linecap: round;
}

.qsm-progress-bar{
  display:none !important;
}


/* .mlw_custom_next, .mlw_custom_previous{
  display:none !important;
} */
.page-template-template-zelfscan .container{
  overflow-x: visible;
}
.page-template-template-zelfscan .qmn_quiz_container .qmn_btn{
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 25px !important;
  line-height: 13px !important;
  text-transform: uppercase;
  color: #0C0843 !important;
  background-color: #FF6200 !important;
  padding: 12px 40px  !important;
  width: fit-content;
  margin: 0 auto;
  border: unset !important;
  border-radius: 20px !important;
}
.page-template-template-zelfscan footer{
  display:none;
}
.page-template-template-zelfscan .qmn_quiz_container a.mlw_previous {
  display: none !important;
  width: 40px !important;      
  height: 40px;
  background: url(assets/img/prev_btn.png) no-repeat center !important;
  background-size: contain !important;
  text-indent: -9999px;   
  overflow: hidden;
  box-shadow: unset;
}
.page-template-template-zelfscan .qmn_quiz_container a.mlw_next:not(.mlw_custom_start) {
  display: none !important;
  width: 40px !important;      
  height: 40px;
  background: url(assets/img/next_btn.png) no-repeat center !important;
  background-size: contain !important;
  text-indent: -9999px;   
  overflow: hidden;
  box-shadow: unset;
}
.page-template-template-zelfscan .qmn_quiz_container a.mlw_previous:hover, .page-template-template-zelfscan .qmn_quiz_container a.mlw_next:not(.mlw_custom_start):hover {
  opacity:.65;
  cursor:pointer;
}

.qmn_mc_answer_wrap label{
  background-color: #2704D3;
  color: white;
  width: 100%;
  text-align: center;
  padding: 15px 30px !important;
  border-radius: 60px;
  margin-bottom: 18px !important;
}
.qmn_mc_answer_wrap input{
  display:none;
}

.qmn_quiz_radio:checked + .qsm-input-label {
  background-color: #FF6200;   /* selected color */
  opacity:1 !important;
}
.qmn_radio_answers .qmn_mc_answer_wrap:nth-of-type(1) label{
  opacity: 0.45;
}

.qmn_radio_answers .qmn_mc_answer_wrap:nth-of-type(2) label{
  opacity: 0.60;
}

.qmn_radio_answers .qmn_mc_answer_wrap:nth-of-type(3) label{
  opacity: 0.80;
}
/* Hide progress bar on the first step (contact form) */
.qmn_question.is-contact-form .qmn_progress_container {
  display: none !important;
}

.range {
  display: none;
}

.is-0-25 .range-0-25,
.is-25-50 .range-25-50,
.is-50-75 .range-50-75,
.is-75-100 .range-75-100 {
  display: block;
}

.qsm-quiz-container .qmn_results_page{
  /* THIS IS ONLY THE RESULTS PAGE OF THE QUIZ */
  width:100%;
  position: relative;
  top: -130px;
  z-index: 0;
  margin-bottom: -130px;
  /* width: calc(100% + 20px);
  left: -10px; */
}
.qsm-quiz-container form{
  max-width:700px;
  margin:0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}
.results_page .overview_result:before{
  content: "";
  position: absolute;
  top: 31%;
  left: 41%;
  width: 90vw;
  height: 335%;
  background: url(assets/img/resultaten_vinkjes_top.png) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  transform-origin: center;
  pointer-events: none;
}
.results_page .overview_result:after{
  content: "";
  position: absolute;
  top: 78%;
  left: 43%;
  width: 72vw;
  height: 335%;
  background: url(assets/img/resultaten_vinkjes_bottom.png) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  transform-origin: center;
  pointer-events: none;
}
.results_page .overview_result{
  width:100%;
    /* min-height: calc(100vh - 200px); */
    margin-left: -5px;
    min-height: 50vw;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #A8D0F8;
    background-image: url(assets/img/resultaten_ornamentjes.png);
    background-size: 100vw;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    text-align: center;
    margin: 0 auto;
    justify-content: space-around;
    flex-direction: column;
    z-index: 999999;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}
/* .teamfoto_1:before{
  content: "";
  position: absolute;
  top: 83%;
  left: 51%;
  width: 120%;
  max-width: 1170px;
  height: 100%;
  background: url(assets/img/teamfoto_1.png) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  transform-origin: center;
  pointer-events: none;
} */
.results_page .overview_result h1{
  max-width:500px;
  margin:0 auto;
}
.results_page .overview_result p{
  max-width:500px;
  margin:0 auto;
}
.results_page .overview_result p b{
  font-weight:900px;
  display:block;
}

.results_page .result{
  width: calc(100vw - 139px);
  padding: 15px 60px;
  display: flex;
  flex-flow: wrap;
  background-color:#0C0843;
  /* border-bottom:1px solid #A8D0F8; */
}
.results_page .result h2, .results_page .result h2 span{
  padding:15px 60px;
  margin:0 auto;
  color:#A8D0F8;
}
.results_page .result p{
  padding:15px 60px;
  margin:0 auto;
  color:#A8D0F8;
}
.results_page .result p b{
  font-weight:900px;
  display:block;
  color:#A8D0F8;
}
.results_page .result p b{
  font-weight:900px;
  display:block;
  color:#A8D0F8;
}
.results_page .result .top{
  /* background-color: lightpink; */
  width: 100%;
}
.results_page .result .left{
  /* background-color: lightyellow; */
  width: 60%;
}
.results_page .result .right{
  /* background-color: lightgreen; */
  width: 40%;
}
.wrap_me{
  display: flex;
  flex-flow: wrap;
  max-width: 1500px;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: 1.5px solid #A8D0F8;
}

/* remove border on the last result only */
.results_page > .result:last-of-type .wrap_me {
  border-bottom: none;
}
.wrap_me .top h2{
  padding-left:0px;
}
.wrap_me .left .button{
  margin-left: 60px;
  margin-top: 40px;
  background-color: white;
  color: #3910FF;
  padding: 12px 90px;
}
.four_domains_inside_quiz, .two_domains_inside_quiz{
  display:flex;
  flex-flow:wrap;
  margin-top:30px;
}
.four_domains_inside_quiz div{
  width: calc(25% - 41px);
  padding: 0px 20px;
  border-right: 1px solid white;
  text-align: left;
}
.two_domains_inside_quiz div{
  width: calc(50% - 41px);
  padding: 0px 20px;
  border-right: 1px solid white;
  text-align: left;
}
.four_domains_inside_quiz div:last-child, .two_domains_inside_quiz div:last-child {
  border-right: none;
}
.four_domains_inside_quiz h4, .two_domains_inside_quiz h4{
  color: #A8D0F8;
  font-family: "Bebas Neue";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:10px;
}
.four_domains_inside_quiz p, .two_domains_inside_quiz p{
  color:white;
  font-size:15px;
}

.page-template-template-zelfscan main:has(.qmn_results_page)::before {
  content: unset;
}
.page-template-template-zelfscan:has(main .qmn_results_page) footer {
  display: flex !important;
}
.results_end_overview{
  max-width: 900px;
  padding-top: 90px;
  padding-bottom: 120px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

.results_end_overview p{
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 60px;
}
.scores_overview{
  display: flex;
  flex-flow: wrap;
}
.scores_overview .one_overview{
  width: 25%;
  text-align: center;
}
.qsm_retake_button{
  display:none !important;
}
.results_end_overview .omcirkel::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 49%;
  width: 113%;
  height: 160%;
  background: url(assets/img/omcirkel_darkblue.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.results_end_overview .one_overview .omcirkel::before {
  content: "";
  position: absolute;
  top: 42%;
  left: 50%;
  width: 133%;
  height: 160%;
  background: url(assets/img/white_cirkel.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}


/* Background container */
.chart {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* gap: 40px; */
  padding: 60px 40px;
}

/* Each column */
.chart-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: normal;
}
.chart-item .label{
  min-height: 35px;
  border-top: 1px solid #A8D0F8;
  margin-top: unset;
  padding-top: 14px;
}

/* Bar base */
.v-bar {
  position: relative;
  width: 64px;
  height: 240px;
  background: transparent;
  margin-left: 10px;
  margin-right: 10px;
}

/* Actual fill */
.v-bar::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: var(--value);
  border-radius: 32px 32px 0px 0px;
  transition: height 0.8s ease;
}

/* Percentage text */
.value {
  position: absolute;
  bottom: 16px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  z-index: 1;
  font-family: "Bebas Neue";
  font-size: 20px;
  font-weight:400;
}

/* Labels */
.label {
  margin-top: 14px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  max-width: 90px;
  line-height: 1.3;
}

/* Colors */
.purple::before {
  background: #6c6cff;
}

.violet::before {
  background: #4f46e5;
}

.orange::before {
  background: #ff7a00;
}

.light::before {
  background: #9aa7ff;
}



.is-read-more-hidden {
  display: none !important;
}
.js-read-more{
  margin-top:60px !important;
}









/* FOOTER */
footer{
  background-color: #0C0843;
  display: flex;
  flex-flow: wrap;
  padding: 30px 60px;
}

footer .footer_1{
  /* background-color:lightgreen; */
  width:calc(100% / 4);
}
footer .footer_2{
  /* background-color:red; */
  width:calc(100% / 2);
  text-align:center;
  align-self: center;
}
footer .footer_3{
  /* background-color:beige; */
  width:calc(100% / 4);
  align-self: center;
  display: flex;
  flex-direction: row-reverse;
}

.footer_logos{
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding-right:30px;
  align-items: center;
}
.footer_logos a{
  max-width: 28%;
  height: auto;
}
.ing_logo{
  width:30%;
}
footer .footer_3 p, footer .footer_3 a, footer .footer_1 p{
  margin-bottom:0px;
  font-size:11px;
  line-height:16px;
  color:white;
}
footer .footer_1 p{
  margin-top:20px;
  margin-bottom:5px;
}

footer .footer_2 h3{
  font-size:20px;
  line-height:13px;
  color:#A8D0F8;
}
footer .footer_2 a{
  font-size:25px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform:uppercase;
  line-height:13px;
  color:#FF6200;
  margin-top:12px;
}
footer .footer_3 .footer_wrapper{
  /* display:flex; */
}








/* DOMEINEN */
.single-domeinen a{
  color:#A8D0F8;
}
.single-domeinen .domeinen_intro a{
  color:#A8D0F8;
  font-family: 'Bebas Neue', sans-serif;
  font-size:30px;
  line-height: 22px;
  text-transform:uppercase;
}
.domeinen_intro_wrapper{
  z-index: 9;
  margin-bottom: 60px;
  min-height: 50vh;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.domeinen_intro_wrapper h1::after{
  content: "";
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 100%;
  height: 160%;
  background: url(assets/img/dubbele_onderlijning_orange.gif) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.single-domeinen{
  counter-reset: h2-counter;
}
.single-domeinen h2{
  counter-increment: h2-counter;
  position: relative;
}
.single-domeinen .zitjemetvragen_div h2 {
  counter-increment: none;
}
/* 4. Add the number before valid h2 elements */
.single-domeinen h2::before {
  content: counter(h2-counter);
  position: absolute;
  left: -100px; /* moves number outside parent grid */
  top: 0;
  font-weight: bold;
}
/* HANDDRAWN CIRCLE */
.single-domeinen h2::after {
  content: '';
  position: absolute;
  left: -120px;
  top: 47%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  background-image: url(assets/img/number_cirkel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  pointer-events: none;
}
.single-domeinen .column_darkblue_bg h2::after {
  background-image: url(assets/img/number_cirkel_lighter.png);
}

/* 5. Remove the number completely for excluded h2s */
.single-domeinen .zitjemetvragen_div h2::before, .single-domeinen .zitjemetvragen_div h2::after, .single-domeinen .max-width-container h2::before, .single-domeinen .max-width-container h2::after  {
  content: none;
}
.single-domein .wpml-switcher a{
  color:#A8D0F8;
}

.single-domein .current-language::after {
  background-image: url("assets/img/menu_arrow_light.png");
}
.single-domeinen .domeinen_maincontent  ul{
  list-style: disc;
  margin-left:20px;
  margin-bottom:15px;
}    
.domeinen_intro{
  /*min-height: 100vh; */
  padding: 30px;
  background-color: #0C0843;
  text-align: center;
  border-bottom: 20px solid white;
  display: flex;
  justify-content: end;
  /* margin-bottom: 100px; */
  flex-direction: column;
  height: calc(88vh - 60px);
}
.domeinen_intro::before {
  content: "";
  position: absolute;
  z-index:0;
  top: 5vh;
  left: 0px;
  width: 100%;
  height: 80vh;
  background-image: url(assets/img/middenstip_midblue.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.domeinen_intro::after {
  content: "";
  position: absolute;
  top: 5vh;
  right: 0px;
  width: 100%;
  height: 80vh;
  background-image: url(assets/img/middenstip_midblue.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform:rotate(180deg);
}

.domeinen_intro h1{
  color:white;
  max-width: 950px;
  margin: 0 auto;
  padding:15px;
  margin-bottom:30px;
  position:relative;
  display:inline-block;
}
.domeinen_intro p{
  color:white;
  max-width: 950px;
  margin: 0 auto;
  padding:15px;
}

.arrow_down{
  width:52px;
  margin-top: 25px;
  margin-bottom: 40px;
}
.single-domeinen .home_bot h2::before, .single-domeinen .home_bot h2::after{
  content:unset;
}
.single-domeinen .home_bot h2::after{
  content: "";
  position: absolute;
  top: 65px;
  left: 50%;
  width: 90%;
  height: 120%;
  background: url(assets/img/enkele_onderlijning_darkblue.gif) no-repeat center / contain;
  transform: translate(-50%, -50%) scaleX(var(--scale-x, 1));
  pointer-events: none;
}

.domeinen-menu__link{
  color:#A8D0F8;
}
.domeinen-menu__link.active{
  color:white !important;
  text-decoration:underline;
}
.domeinen-menu{
  display: flex;
  /* max-width: 950px; */
  margin: 0 auto;
  /* width: fit-content; */
  /* background-color: lightpink; */
  width: 100%;
  max-width: unset;
  margin: 0 auto;
  justify-content: center;
  color: #0C0843;
  position: absolute;
  width: 100%;
  left: 0px;
  min-height: 86px;
  flex-flow: wrap;
  align-content: center;
  padding-top: 4px;
}
.domeinen-menu li{
  margin:0px 15px;
}
.domeinen-sticky.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.domeinen-sticky.is-sticky .domeinen-menu {
  /* left: -30px; */
  background-color:#0C0843;
}
.domeinen-sticky.is-sticky .links {
  top: 86px;
  /* left: -30px; */
}

.single-domeinen .wp-block-embed iframe {
  width: 100%;
  max-height: 560px;
  height: 50vw;
  margin-top:30px;
  margin-bottom: 20px;
  border-radius: 30px;
}
.single-domeinen
.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3)))
.wp-block-embed iframe {
  height: 30vw;
  max-height: 370px;
}
.single-domeinen .max-width-container{
  padding: 120px 60px;
  max-width: 1200px;
  margin: 0 auto;
}
.single-domeinen .max-width-container figure ::before{
  content: "";
  position: absolute;
  z-index:0;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-image: url(assets/img/curly_arrow_blue.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.single-domeinen .max-width-container figure ::after{
  content: "";
  position: absolute;
  z-index:0;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-image: url(assets/img/vinkje_blue.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.domeinen_maincontent h3{
  text-align: left;
  font-size: 35px;
  line-height: 35px;
  color: #0C0843 !important;
  background-color: #A8D0F8 !important;
  width: fit-content;
  margin: unset;
  margin-bottom: 8px;
  font-size: 35px;
  line-height: 35px;
  color: #0C0843 !important;
  background-color: #A8D0F8 !important;
  width: fit-content;
  margin: 0 0 8px;
  /* box-shadow: 0 0.25em 0 #A8D0F8, 0 -0.25em 0 #A8D0F8; */
  margin-left: 0px;
  white-space: normal;
  white-space: pre-line;
  line-height: 50px;
  display: inline;
  padding: 4px 15px 1px 15px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.domeinen_maincontent .max-width-container h3{
  margin-left:unset;
}
.domeinen_maincontent .wp-block-columns .wp-block-columns h3{
  margin-left:unset !important;
}
.single-domeinen .links{
  display: flex;
  justify-content: center;
  background-color: #A8D0F8;
  color: #0C0843;
  position: absolute;
  width: 100%;
  left: 0px;
  min-height: 46px;
  top: calc(88vh - 6px);
  flex-flow: wrap;
}
.single-domeinen .links li a{
  color: #0C0843;
  padding: 15px 30px;
  min-width:250px;
}


.column_white_bg, .column_darkblue_bg{
  padding: 60px 120px;
}

.column_darkblue_bg{
  background-color:#0C0843;
}
.zitjemetvragen_div{
  background-color:#A8D0F8;
  text-align: center;
  padding: 90px 30px;
}
.zitjemetvragen_div h2, .zitjemetvragen_div h2 span{
  font-size:90px;
  line-height:87px;
  margin-bottom:8px;
}
.zitjemetvragen_div .button{
  background-color: #3910FF;
  color: white;
  margin-top: 20px;
  min-width: 180px;
}
.zitjemetvragen_div .button:hover{
  background-color: #FF6200 !important;
  color: #0C0843 !important;
}
.zitjemetvragen_div .button::after{
  content: "";
  position: absolute;
  top: -25px;
  left: 370px;
  width: 111%;
  height: 170px;
  background: url(assets/img/vragen_arrow.png) no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}


.column_darkblue_bg > *, .column_white_bg > *{
  max-width:1090px;
  margin:0 auto;
}
.column_darkblue_bg h1, .column_darkblue_bg h2, .column_darkblue_bg h3, .column_darkblue_bg h4, .column_darkblue_bg h5, .column_darkblue_bg p, .column_darkblue_bg a, .column_darkblue_bg div, .column_darkblue_bg span {
  color:#A8D0F8;
}

.wp-block-separator{
  color:#0C0843;
  margin-top:60px;
  margin-bottom:60px;
}
.column_darkblue_bg .wp-block-separator{
  color:#A8D0F8;
}

.wp-block-button__link{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
  color: white !important;
  background-color: #3910FF;
  padding: 7px 40px 4px 40px;
  width: fit-content;
  margin: 0 auto;
  border-radius: 20px;
}
.wp-block-button__link:hover{
  color:#0C0843 !important;
  background-color:#FF6200 !important;
}
main .qmn_quiz_container .qmn_btn:hover{
  color:white !important;
  background-color:#2704D3 !important;
}
main .qmn_quiz_container .mlw_previous:hover {
  background-color:unset !important;
}

.qsm-quiz-container h1, .qsm-quiz-container h1 span, .mlw_qmn_new_question {
  font-size: 90px;
  line-height: 92px;
  z-index: 9999;
  position: relative;
  /* font-family: 'Bebas Neue', sans-serif;
  line-height: 87px;
  text-transform: uppercase;
  text-align: center;
  display: block !important; */
}

.mlw_qmn_message_before .omcirkel::before{
  top: 43%;
  left: 50%;
  width: 112%;
  height: 164%;
}

.mlw_qmn_message_before .dubbele_onderlijning::before {
  content: "";
  position: absolute;
  top: 83%;
  left: 51%;
  width: 106%;
  height: 160%;
}

input::placeholder, select::placeholder {
  color: #B2B2B2;
  /* opacity: 1; */
} 
input, select{
  font-size:10px;
  color: #B2B2B2;
}

.introduction_number{
  color: #0C0843;
  /* text-align: center; */
  font-family: "Bebas Neue";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  margin-right: 10px;
}
.quiz_section .mlw_qmn_question.qsm_remove_bold {
  text-align: left;
}

.voorbeeld_antwoorden{
  display:flex;
  justify-content: space-around;
}

.voorbeeld_antwoorden p{
  background-color: #2704D3;
  color: white;
  padding: 7px 20px;
  border-radius: 25px;
  font-size:15px;
}

.voorbeeld_antwoorden p:nth-of-type(1){
  opacity: 0.45;
}

.voorbeeld_antwoorden p:nth-of-type(2){
  opacity: 0.60;
}

.voorbeeld_antwoorden p:nth-of-type(3){
  opacity: 0.80;
}

.quiz-cat{
  display:none
}
.mlw_qmn_new_question{
  display:none !important;
}
.quiz_section fieldset{
  margin-top:40px !important;
}




/* PRIVACY POLICY */
.privacy-policy, .page-id-179, .page-id-3, .page-id-427, .page-id-429, .page-id-490, .page-id-468{
  background-color:#A8D0F8;
}
.privacy-policy main, .page-id-179 main, .page-id-3 main, .page-id-427 main, .page-id-429 main, .page-id-490 main, .page-id-468 main{
  max-width: 960px;
    margin: 0 auto;
    padding: 120px 30px 150px 30px;
}

.privacy-policy main a, .page-id-179 main a, .page-id-3 main a, .page-id-427 main a, .page-id-429 main a, .page-id-490 main a, .page-id-468 main a{
  text-decoration:underline;
}
.privacy-policy main a:hover, .page-id-179 main a:hover, .page-id-3 main a:hover, .page-id-427 main a:hover, .page-id-429 main a:hover, .page-id-490 main a:hover, .page-id-468 main a:hover{
  opacity:.8;
}

.privacy-policy h2, .privacy-policy h2 span, .page-id-179 h2, .page-id-179 h2 span, .page-id-3 h2, .page-id-3 h2 span, .page-id-427 h2, .page-id-427 h2 span, .page-id-429 h2, .page-id-429 h2 span, .page-id-490 h2, .page-id-490 h2 span, .page-id-468 h2, .page-id-468 h2 span{
  line-height: 64px;
  margin-top: 60px;
}


.single-domeinen .column_white_bg, .single-domeinen .column_darkblue_bg{
  scroll-margin-top:100px;
}




.qsm-quiz-form .qmn_error .qmn_radio_answers, .qsm-quiz-form .qmn_error .qmn_check_answers, .qsm-quiz-form .qmn_error .qmn_accept_answers {
  background: unset !important;
  border: unset !important;
}




.qsm-quiz-form .qmn_error:after{
  content:unset !important;
}

.ondersteuning_nodig{
    background-color: white;
    /* color: #0C0843; */
    margin-top: 120px;
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 120px;
}
.ondersteuning_nodig h3{
  text-align: center;
  color: #0C0843;
  line-height:1.25em;
}

.ondersteuning_nodig p{
  color: #0C0843;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.ondersteuning_nodig p a{
  color:#ff7a00;
}












@media (max-width: 1450px){
  .page-template-template-zelfscan main::before {
    left: calc((100vw - 40vw) / 2);
    width: 40vw;
    height: 40vh;
  }
  .results_page .overview_result {
    background-size: 120vw;
  }
}

@media (max-width: 1200px){
  .one_item_title::before {
    margin-left: -50px;
    margin-right: 25px;
  }
  .results_page .overview_result {
    min-height: 75vw;
    background-size: 150vw;
  }
  .results_page .result {
    width: calc(100vw - 30px);
    padding: 15px;
  }
  .results_page .result .left{
    width: 100%;
    max-width: 850px;
  }
  .results_page .result .right{
    width: 100%;
  }
  .chart {
    justify-content: left;
  }
  .v-bar {
    margin-left: 15px;
    margin-right: 15px;
  }
  .chart-item .label {
    max-width: 100px;
  }
  .one_item_title::after {
    left: -40px;
  }
  .one_item:nth-of-type(2) .one_item_title::after{
    left:-44px;
  }
  .one_item:nth-of-type(3) .one_item_title::after{
    left:-44px;
  }
  .one_item:nth-of-type(4) .one_item_title::after{
    left:-44px;
  }
  .abovethefold_content_wrapper::after {
    top: 16vh;
    right: 0px;
  }
}
@media (max-width: 1050px){
  .scores_overview .one_overview {
    width: 50%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1000px){
  .quiz_begin::after {
    right: -5vw;
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 950px){
  h1, h1 span {
    font-size: 90px;
    line-height: 95px;
  }
  .page-accueil h1, .page-accueil h1 span{
    font-size:75px;
    line-height: 80px;
  }
  .results_page .result {
    width: calc(100vw - 60px);
    padding: 15px 30px;
  }
  .page-template-template-zelfscan::before, .page-template-template-zelfscan::after {
    content: unset;
  }
  .results_page .overview_result {
    min-height: 90vw;
    background-size: 180vw;
  }
  .four_domains_inside_quiz div, .two_domains_inside_quiz div{
    width: calc(50% - 41px);
    margin-bottom:30px;
  }
  .four_domains_inside_quiz div:nth-of-type(2), .two_domains_inside_quiz div:nth-of-type(2) {
    border-right: unset;
  }
  .wrap_me_home_btn {
    border: 16px #2704D3 solid;
    border-bottom: unset;
    width: 500px;
    margin: 0 auto;
    height: 140px;
    display: flex;
    flex-flow: wrap;
  }
  .wrap_me_home_btn a{
    height: fit-content;
    align-self: center;
  }
  .abovethefold_content_wrapper {
    min-height: 68vh;
    padding-bottom: 0px;
  }
  .home_abovethefold::after {
    content:unset;
  }
  .home_abovethefold h1 {
    margin-top: 10vh;
  }
  .qsm-quiz-container{
    width:auto;
  }
}

@media (max-width: 800px){
  .two_columns .left{
    width:100%;
    border-right:unset;
  }
  .two_columns .right{
    width:100%;
    padding-left: unset;
    padding-top: 60px;
  }
  .footer_1{
    width:40% !important;
    order:2;
  }
  .footer_2{
    width:100% !important;
    order:1;
    margin-bottom:60px;
  }
  .footer_3{
    width:60% !important;
    order:3;
  }
  .one_item_title::before {
    margin-left: 0px;
    margin-right: 20px;
  }
  .home_maincontent_wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .scan-en-versterk-blok {
    width: 100%;
    padding-right:90px;
  }
  .column_white_bg, .column_darkblue_bg {
    padding: 60px;
  }
  .single-domeinen h2::before {
    content: counter(h2-counter);
    position: relative;
    left: 0px;
    margin-right: 30px;
    top: 0;
    font-weight: bold;
  }
  .single-domeinen h2::after {
    left: -20px;
  }
  .single-domeinen h2 {
    margin-bottom: 15px;
  }
  .results_page .overview_result {
    min-height: unset;
    background-size: unset;
    background-image: unset;
    padding-bottom: 90px;
    padding-top:200px;
  }
  .domeinen_intro::before, .domeinen_intro::after {
    content: unset;
  }
  .quiz_section{
    margin-left:30px !important;
    margin-right:30px !important;
  }
  .qsm-quiz-container h1, .qsm-quiz-container h1 span, .mlw_qmn_new_question {
    font-size: 65px;
    line-height: 72px;
  }
  .qmn_pagination{
    max-width:calc(100vw - 120px);
  }
  .qmn_error_message{
    margin-left:30px;
    margin-right:30px;
  }
  .qsm-quiz-container form{
    max-width:100vw;
  }
  .voorbeeld_antwoorden {
    flex-flow: wrap;
  }
  .no_question_block.congrats h1 {
    font-size: 100px;
  }
  .no_question_block.congrats h2 {
    font-size: 30px;
  }
  .page-template-template-zelfscan.im_not_a_question .quiz_section::after {
    top: 0vh;
    right: -5vw;
    width: 100px;
    height: 100px;
  }
  .page-template-template-zelfscan.im_not_a_question .congrats::before{
    content:unset;
  }
  .page-template-template-zelfscan.im_not_a_question .congrats::after {
    top: 48vh;
    left: 68vw;
    width: 90px;
    height: 90px;
  }
  .no_question_block .onderlijning::after {
    top: 70px;
  }
  .one_item_title::after {
    left: 10px;
  }
  .one_item:nth-of-type(2) .one_item_title::after {
    left: 6px;
  }
  .one_item:nth-of-type(3) .one_item_title::after {
    left: 6px;
  }
  .one_item:nth-of-type(4) .one_item_title::after {
    left: 6px;
  }
  .qsm-quiz-container{
    min-width:unset;
  }
}

@media (max-width: 780px){
  h1, h1 span {
    font-size: 70px;
    line-height: 75px;
  }
  .single-domeinen .wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))) .wp-block-embed iframe {
    height: 50vw;
    max-height: 370px;
  }

}

@media (max-width: 650px){
  .domeinen-menu {
    flex-flow: wrap;
  }
  .domeinen-menu__item{
    width: calc(50% - 30px);
    margin-bottom: 20px !important;
    padding-top: 20px;
  }
  .no_question_block.congrats{
    padding-top:10vh
  }
  .domeinen-sticky .links{
    display:none;
  }
  .domeinen-menu{
    background-color:#0C0843
  }
  .domeinen-sticky.is-sticky {
    position: unset;
  }
  .one_item_content_logos a {
    padding-right: 15px;
  }
  
}

@media (max-width: 600px){
  footer {
    padding: 30px 15px;
  }
  .footer_1{
    width:60% !important;
  }
  .footer_3{
    width:40% !important;
  }
  #menu-main, #menu-main-fr {
    display: flex;
    flex-direction: column;
    text-align: right;
  }
  .menu-item-has-children > a{
    padding-right:0px;
  }
  .menu-item-has-children > a::after {
    content: unset;
  }
  .menu-item-has-children > a::before {
    content: "";
    position: absolute;
    bottom: unset;
    left: unset;
    left: -20px;
    top: 31%;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-color: unset;
    background-image: url(assets/img/menu_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center !important;
    transform: rotate(0deg);
    transition: transform 0.2s ease;
  }
  .single-domeinen .menu-item-has-children > a::before {
    background-image: url(assets/img/menu_arrow_light.png);
  }
  .home_maincontent_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .home_bot {
    padding: 60px 30px;
  }
  .abovethefold_content_wrapper {
    min-height: 70vh;
  }
  .single-domeinen .max-width-container {
    padding: 60px 30px;
  }
  .column_white_bg, .column_darkblue_bg {
    padding: 60px 30px;
  }
  .quiz_begin::after {
    width: 80px;
    height: 80px;
  }
  .quiz_section {
    margin-top: 0px !important;
  }
  .qmn_mc_answer_wrap label{
    max-width:100% !important;
    margin-left:0px !important;
    margin-right:0px !important;
  }
  .four_domains_inside_quiz div, .two_domains_inside_quiz div{
    width: 100%;
    margin-bottom:30px;
    border-right: unset !important;
  }
  .site_nav{
    margin-top:15px;
    margin-right:15px;
  }
  .wrap_me_home_btn {
    width: calc(100vw - 90px);
  }
  .v-bar {
    margin-left: 5px;
    margin-right: 5px;
  }
  .results_page .result p {
    padding: 15px 15px 15px 0px;
  }
  .wrap_me .left .button{
    margin-left:0px;
  }
  .chart {
    padding: 60px 0px 60px 0px;
  }
  .results_page .result h2, .results_page .result h2 span {
    padding: 15px;
  }
  .wrap_me .top .omcirkel::before {
    top: 47%;
    left: 46%;
    width: 98%;
    height: 144%;
  }






  #nav-icon {
    display: block;
    position: relative;
    z-index: 1001;
  }

  .site_nav {
    position: fixed;
    inset: 0;
    margin:0;
    background: #0C0843;
    padding: 100px 20px 20px;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
  }
  .site_nav a, .site_nav li a{
    color:#0C0843;
    color: #A8D0F8;
    font-size:28px;
  }
  .site_nav ul li{
    border-bottom: 1px solid #A8D0F8;
    text-align: center;
    margin-right: 0px !important;
    padding: 10px;
  }
  .site_nav .sub-menu {
    padding-left: 0px !important;
    width: 100%;
    background-color:#A8D0F8;
  }
  .site_nav .sub-menu li{
    border-bottom:1px solid #0C0843;
    padding: 4px;
  }
  .site_nav .sub-menu a{
    color:#0C0843;
    font-size:22px;
  }
  #nav-icon.open span{
    background: #A8D0F8;
  }

  .site_nav.is-open {
    transform: translateX(0);
  }

  .site_nav ul {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
  }

  .site_nav .sub-menu {
    padding-left: 20px;
  }
  #nav-icon.is-active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  
  #nav-icon.is-active span:nth-child(2) {
    opacity: 0;
  }
  
  #nav-icon.is-active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  .site_nav{
    display:none;
  }
  .site_nav.showMobileMenu{
    display:block;
  }
}
@media (max-width: 500px){
  .qsm-quiz-container h1, .qsm-quiz-container h1 span, .mlw_qmn_new_question {
    font-size: 56px;
    line-height: 62px;
  }
  .qsm_contact_div {
    width: 100%;
  }
  .qmn_pagination, .qsm_auto_pagination_enabled .qmn_pagination{
    align-items: center !important;
  }
  .qmn_pagination {
    border: 14px #2704D3 solid;
    border-bottom:unset;
  }
  .mlw_custom_next{
    order:2;
  }
  .qsm-progress-bar{
    order:3;
    margin-top:15px;
    max-width: calc(100% - 60px);
  }
  .no_question_block.congrats h1 {
    font-size: 75px;
  }
  .no_question_block.congrats h2 {
    font-size: 26px;
  }
  .four_domains_inside_quiz div, .two_domains_inside_quiz div{
    padding:0px;
  }
  .site_nav{
    margin-top:0px;
    margin-right:0px;
  }
  .wpml-switcher {
    margin-left: 15px;
    margin-top: -30px;
  }
  .abovethefold_content_wrapper .button::after{
    content:unset;
  }
  .scores_overview .one_overview{
    width:100%;
  }

  
}

@media (max-width: 450px){
  body, p, a, div, span, input, textarea{
    font-size: 16px;
  }
  .footer_1{
    width:100% !important;
    text-align: center;
  }
  .footer_3{
    width:100% !important;
  }
  footer .footer_3 .footer_wrapper {
    display: flex;
    /* margin: 0 auto; */
    flex-flow:wrap;
    width: 100%;
    justify-content: space-between;
  }
  .footer_wrapper p:first-child {
    width: 100%;
    order:3;
    text-align: center;
    margin-top:15px;
  }
  
  .footer_wrapper p:not(:first-child) {
    width: unset;
  }
  .footer_logos {
    padding-right: 0px;
  }
  .single-domeinen .max-width-container {
    padding: 60px 15px;
  }
  .column_white_bg, .column_darkblue_bg {
    padding: 60px 15px;
  }
  h1, h1 span {
    font-size: 60px;
    line-height: 65px;
  }
  .page-accueil h1, .page-accueil h1 span{
    font-size:50px;
    line-height: 55px;
  }
  .domeinen_intro h1{
    padding:0px;
    padding-top: 100px;
  }
  .domeinen-menu__item {
    width: 100%;
  }
  .zitjemetvragen_div h2, .zitjemetvragen_div h2 span{
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 5px !important;
  }
  h2, h2 span {
    font-size: 45px;
    line-height: 50px;    
  }
  .domeinen_maincontent h3{
    font-size:28px;
    line-height:31px;
  }
  .single-domeinen h2::after {
    width: 60px;
    height: 60px;
    left: -10px;
  }
  .single-domeinen h2::before {
    left: 10px;
    margin-right: 40px;
  }
  .scan-en-versterk-blok:first-of-type .scan-en-versterk-blok__intro::after, .scan-en-versterk-blok:nth-of-type(2) .scan-en-versterk-blok__intro::after, .scan-en-versterk-blok:nth-of-type(3) .scan-en-versterk-blok__intro::after, .scan-en-versterk-blok:nth-of-type(4) .scan-en-versterk-blok__intro::after{
    content:unset;
  }
  .scan-en-versterk-blok p {
    max-width: 100%;
  }
  .scan-en-versterk-blok {
    width: 100%;
    padding-right: 15px;
  }
  .qmn_pagination{
    max-width:calc(100vw - 90px);
  }
  .qsm-quiz-container h1, .qsm-quiz-container h1 span, .mlw_qmn_new_question {
    font-size: 48px;
    line-height: 53px;
  }
  .qmn_error_message{
    margin-left:15px;
    margin-right:15px;
  }
  .quiz-section{
    margin-left:15px !important;
    margin-right:15px !important;
  }
  .no_question_block.congrats h1 {
    font-size: 70px;
  }
  .no_question_block.congrats h2 {
    font-size: 24px;
  }
  .page-template-template-zelfscan.im_not_a_question .quiz_section::after {
    top: 0vh;
    right: -5vw;
    width: 80px;
    height: 80px;
  }
  .page-template-template-zelfscan.im_not_a_question .congrats::after {
    content:unset;
  }
  .no_question_block .onderlijning::after {
    top: 62px;
    width: 60%;
  }
  .page-template-template-zelfscan.im_not_a_question .quiz_section::before {
    top: 40vh;
  }
  .quiz_section {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .wrap_me_home_btn {
    border: 13px #2704D3 solid;
    border-bottom: unset;
    width: calc(100vw - 60px);
    height: 110px;
    margin-left: -15px;
  }
  .qmn_mc_answer_wrap label {
    padding: 12px 20px !important;
  }
  .one_item_title::after {
    content:unset;
  }
  .domeinen-menu__item {
    padding-top: 6px;
  }
  .domeinen_maincontent{
    margin-top:100px;
  }
  .domeinen_intro_wrapper h1::after {
    top: 180px;
  }
  .v-bar{
    width:52px;
  }
}




















@media (max-height: 950px){ /* Fine tot 800px height */
  .qsm-quiz-container {
    min-height: 76vh;
  }
  .page-template-template-zelfscan main::before {
    left: calc((100vw - 36vw) / 2);
    width: 36vw;
    height: 22vh;
  }
}

@media (min-width: 760px){ /* Fine tot 800px height */
.quiz_section {
  min-width: 700px;
  }
}