.quiz h2.title{display: none !important; visibility: hidden !important;}
.quiz #header-intro-image img {animation: none; display: block; aspect-ratio: 1024 / 498; position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
#header-intro-image img{display: block; aspect-ratio: 800 / 682; position: absolute; top: 50%;  left: 50%; min-height: 100%;  min-width: 100%; transform: translate(-50%, -50%); max-height: 100%; width: auto;}

.quiz .question-content > .question.text, .quiz .feedback.screen > .feedback > .question.text{font-family: "RO Sans", Verdana, Arial, sans-serif !important; font-weight: normal !important; line-height: 1.3 !important; font-size: 2.125rem !important;}

.quiz .question-content > .question.text p{line-height: 1.3;}
.quiz .question-content > .question.text p + p{margin-top: 0.5rem;}
.quiz div#children-container {width: 50%;}
.quiz div#children-container .calltoaction-new {width: 90%;}

#header-intro{padding-top: 2.5rem; padding-bottom: 1.5rem;}
#header-intro-right{aspect-ratio: 800 / 682;}
#intro-text-new{display:none;}
.quiz #intro-text-new{display:block;}
div#children-container{margin-top:1rem;}

div.poll .question.text p + p{font-size:2rem !important;}
div.poll .title{background-color: #8FCAE7 !important;}

.video-embed iframe{min-height: unset; position: relative; width: 100%; top: 0px; aspect-ratio: 16 / 9;}
.video-embed {margin-bottom: 1rem;}
.text.video-transcript .calltoaction-new{margin-bottom:1rem;}

a.cta {background-position: bottom right; vertical-align: top; margin-bottom: 0.5rem; background-size: 2rem;  background-repeat: no-repeat; width: 100%; max-width: 20%; height: 172px; display: inline-block; padding: 0.5rem 1rem; display: inline-block;  margin-right: 0.5rem; text-decoration: none; position: relative; background-color: #ddeff8; border: 1px solid #8FCAE7; box-sizing: border-box;}
a.cta .title {position: absolute; bottom: 0.5rem; padding-left:1.25rem;}
a.cta .title:before{content: ''; display: inline-block; background-image: url(/assets/images/delta-rechts.svg); width: 1rem; height: 1rem;  position: absolute; left: 0px; top: 0.325rem;}

a.cta:first-of-type {background-image: url(/assets/images/char-menu-01.webp);}
a.cta:nth-of-type(2) {background-image: url(/assets/images/char-menu-02.webp);}
a.cta:nth-of-type(3) {background-image: url(/assets/images/char-menu-03.webp);}
a.cta:nth-of-type(4) {background-image: url(/assets/images/char-menu-04.webp);}
a.cta:nth-of-type(5) {background-image: url(/assets/images/char-menu-05.webp);}
a.cta:nth-of-type(6) {background-image: url(/assets/images/char-menu-06.webp);}

a.cta div.text p:nth-of-type(1) {min-height: 4rem;}
a.cta div.text p:nth-of-type(2) {font-size: 0.8rem !important;}

a.cta:hover {border: solid #154273 2px;}
a.cta:focus, a.cta:focus-visible {border: dashed 2px #0115ff;}

div#children-container{width:100%;}
div#children-container .calltoaction-new:nth-of-type(2) {margin-right: 0px;}
div#children-container .calltoaction-new {width: calc(48% - 4px); margin-right: 2%;}

body.page.ondernemen_menu div#components-container-combined_page {margin-top: -4rem;}

a.button {width: auto; padding: 0.25rem 1rem; font-size: 1.25rem; line-height: 2; height: auto;}
a.button:hover{transition: box-shadow .3s;}
button, .button:hover {transform: scale(1.03);}

.button-toelichting {text-decoration: none; text-align:center; color: #ffffff; height: auto; font-size: 1.6vw; width:auto; display:inline-block; line-height:2; background-color: #154273; border-radius: 0px; margin-left:1rem; margin-bottom: 1rem; cursor: pointer; padding: 0.5rem 1rem; border: 1px solid #154273; box-sizing: border-box;}
.button-toelichting:hover{transform: scale(1.03); box-shadow: inset 0 calc(48px * -1) 0 rgba(0, 0, 0, 0.15);-ms-box-shadow: inset 0 calc(48px * -1) 0 rgba(0,0,0,0.01); transition: box-shadow .15s; background-color: #154273;}

figure {padding: 0.5rem; margin: 0.5rem; margin-bottom: 1rem; box-sizing: border-box;}
/* WCAG 1.4.3: #01689b op lichtblauw (#8fcae7) was 3,4:1; donkerblauw #154273 zoals elders op de site */
a.link_to_image {position: relative; padding-left: 2rem; text-decoration: none; color: #154273;}
a.link_to_image:hover {text-decoration: underline;}
a.link_to_image:before {background-color: #154273; -webkit-mask-image: var(--delta_rechts); mask-image: var(--delta_rechts); position: absolute; width: 16px; height: 16px; content: ""; left: 0px; top: 2px; transition: 0.5s;}

a.link_to_image:focus-visible {background-color: rgba(255, 255, 255, 0.9); outline-offset: -2px !important; outline: 2px dashed #0115ff !important;  border-color: inherit !important;}

.cms6_component_html_text {padding-left: 0px; padding-right: 0px; max-width: 95%;}
.cms6_component_layout_2col .cms6_component_html_text {padding-right: 5% !important; box-sizing: border-box;}

.quiz .results #header-intro-image img {display: block; aspect-ratio: unset; position: absolute; top: 0px; left: 0px; width: 100%; min-width: unset; transform: unset; max-height: unset; height: auto; min-height: unset;}

@media (max-width: 1024px) {
a.cta {max-width: 30%;}
body.page.ondernemen_menu div#components-container-combined_page {margin-top: 0px !important;}
body.page.ondernemen_menu #placeholder-container{display:none;}
}

@media (max-width: 980px) {
    #header-intro-image img, .quiz #header-intro-image img {display: block; aspect-ratio: 800 / 682; position: relative; top: unset; left: unset; min-height:unset; min-width: unset; transform: unset; max-height: unset; width: unset;}
    a.cta {max-width: 40%;}
    .quiz .results #header-intro-image img {aspect-ratio: unset; position:relative;}
}

@media (max-width: 840px) {
    div#components-container-combined_page {display: block !important;}
    .quiz .feedback.screen a.button{padding-left:1rem; padding-right:1rem;}    
}

@media (max-width: 800px) {
a.cta {max-width: 100%;}
body.page.ondernemen_menu div#components-container-combined_page {margin-top: 0px;}
#header-intro-right, #header-intro-image img, .quiz #header-intro-image img {aspect-ratio: unset; }
.quiz .feedback.screen a.button{width:auto;}
.quiz .question.screen > img{display:none !important;}
div.poll .answer, div.poll .compare-row, div.poll .results.screen .answer{margin-bottom:1rem;}
div.poll .results.screen .controls .button, div.poll .compare.screen .controls .button{padding-left:1rem; padding-right:1rem;}
a.button {height: auto; line-height: 2;}
}