/* Template css resource: Core 8 - Fluid - Module banner topmenu - Topmenu */
@media (min-width: 0) {
.banner--top {
background: #58ac25;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-transform: lowercase;
text-align: center;
font-size: 14px;
height: 50px;
max-height: 50px;
overflow: hidden;
line-height: 1;
width: 100%;
}
}
@media (min-width: 0) and (max-width: 1019.99px) {
.banner--top {
position: fixed;
z-index: 53;
}
}
@media (min-width: 0) and (min-width: 600px) {
.banner--top {
font-size: 16px;
}
}
@media (min-width: 0) and (min-width: 1021px) {
.banner--top {
font-size: 18px;
max-height: 40px;
}
}
@media (min-width: 0) {
.banner--top p {
margin: 0;
}
.banner--top a {
color: inherit;
text-decoration: underline;
}
.banner--top a:hover,
.banner--top a:focus {
text-decoration: none;
}
}
/* img in topmenu */
@media (min-width: 0){
.banner--top img {
margin-right: 7px;
height: 12px;
vertical-align: baseline;
}
}
@media (min-width: 0) {
nav {
//* top: 140px; *//
}
}




/* Template css resource: Core 8 - Fluid - Module breadcrumbs - JSON LD -WCAG */
nav#navbreadcrumbs{top:0px;background:#FFF}   
.breadcrumb li:first-child {
background: none;
padding-right: 40px;
margin-left: -30px;
}
.breadcrumb ol {display:inline-flex;list-style: none;}
.breadcrumb li {padding-right: 40px;}
nav#navbreadcrumbs {
top: 0px;
background: #FFF;
display: block;
}
@media (min-width: 0) and (max-width: 1020px) {
.breadcrumb {
display: block;
overflow: visible;
white-space: wrap;
line-height: 15px;
}
.breadcrumb ol {
margin:0;
display:flex;
}
.breadcrumb a svg {
left: -20px;
}
.breadcrumb a {
padding-right: 0;
line-height: 0px;
letter-spacing: 0px;
}
.breadcrumb li {
padding-right: 20px;
}
.breadcrumb li:first-child {
padding-right: 20px;
}
}




/* Template css resource: Core 8 - Fluid - Module menu - met responsive submenu - WCAG */
nav uul li#item-6{display:none}
@media screen and (max-aspect-ratio: 10/9){nav uul li#item-9{display:block}}
uul li#item-7,uul li#item-8{display:none}
uul li.selected#item-7,uul li.selected#item-8{display:none}
.scrollheader  uul.active li#item-7,.scrollheader  uul.active li#item-8{display:block}
:focus{outline: auto}
.scrollheader > ul li a{padding:0 40px;display flex;line-height:2.5;color:#fff;text-transform:uppercase;letter-spacing:1px}
.scrollheader > ul li.activeSub div ul li a svg{fill:#706f6f;opacity:1;height:10px;width:10px;margin-right:10px;margin-top:12px}
nav ul li a span{display: inline-block}
nav ul li span.submenu-toggle{display:inline-block}
nav ul li span.submenu-toggle{translate: 2px -3px}
nav ul li.selected > a span{border-bottom: 0px solid #58ac25} 
nav .supportsSubmenu a:hover svg {
fill: #00526e !important;
}
.scrollheader > ul li a {color:#00526e}
.scrollheader > ul li.selected  a{color:#aa418c}
/* Focus styling for keyboard navigation (WCAG 2.1 AA Compliant) */
a, button, [tabindex] {
outline: none;
}
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
outline: 3px solid #005fcc;
outline-offset: 2px;
border-radius: 6px;
background-color: rgba(0, 95, 204, 0.08);
transition: outline 0.15s ease-in-out, background-color 0.2s;
box-sizing: border-box;
padding: 0.4em 0.8em;
margin: 0;
}
/* Focus style for submenu links */
.supportsSubmenu a:focus-visible {
background-color: rgba(0, 95, 204, 0.12);
border-radius: 8px;
outline: 2px dashed #005fcc;
outline-offset: 2px;
}
.menu-close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
font-size: 2.5rem;
color: #00526e;
cursor: pointer;
line-height: 1;
}
button.menu-close {
margin-top: 0px;
margin-right: 10px;
height: 32px;
width: 32px;
font-size: 1.5rem;
border: 0px solid #FFF;
}
/* WCAG-proof focusstijl zonder verspringing */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
outline: 3px solid #005fcc;
outline-offset: 2px;
border-radius: 6px;
background-color: transparent;
box-shadow: 0 0 0 2px rgba(0, 95, 204, 0.3);
}
/* Submenu links: subtiele extra styling */
.supportsSubmenu a:focus-visible {
background-color: rgba(0, 95, 204, 0.06);
border-radius: 4px;
outline: 2px dashed #005fcc;
outline-offset: 2px;
box-shadow: none;
}
/* Focus-within fixes */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
outline: 3px solid #aa418c;
outline-offset: 2px;
border-radius: 6px;
background-color:  #aa418c50!important;
box-shadow: 0 0 0 2px #aa418c;
padding-left: 8px !important;
}




/* Template css resource: Core 8 - Fluid - Module searchbox - 2022 - zonder input - NL+EN */
@media (min-width:0) and (max-width:1024px){
.scrollheader .linkbar a.search {display:inline-block!important}
}
a.search {text-decoration:underline}
a.search:hover {text-decoration:none}
/* .scrollheader .linkbar ul.langselector{display:none!important} */
a.search svg{fill:#000}
a.search:hover svg{fill:#000}




/* Template css resource: Core 8 - Fluid - Module dbroot - V8.3 FAQ - json */
.acc-header:hover, .acc-header.focus-visible {
border-color: #007cc1 !important;
box-shadow: 0 7px 14px 0 hsla(0, 0%, 75%, .33), 0 3px 6px 0 hsla(0, 0%, 75%, .33) !important;
transform: translateY(-1px) !important;
border-top: 1px solid #bbb;
}
.ckTabs.faq .tabContent .tab.active .acc-header h3, .ckTabs.faq .tabContent .tab .content h3, .ckTabs.faq .tabContent .tab .acc-header h3{font-size:18px}




/* Template css resource: Core 8 - Fluid - Module page */
.page-container p img{width: -webkit-fill-available!important;height:unset!important}