@import url("https://use.typekit.net/fgk6abl.css");
/* Libre Franklin voor koppen */
/* Source Sans Pro voor teksten */

#readspeaker {margin-bottom:2rem;}

/* Timeblockr styling */
#timeblockr_progress-bar > .timeblockr_progress-indicator.percent-0 {display:none;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-top:0;padding-bottom:0;background-color:transparent;}
.select2.select2-container--default .select2-selection--multiple,
.select2.select2-container--default .select2-selection--single {padding:0;}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__arrow {padding:0;background-color:transparent;}
.select2-results__option {text-align:left;}
/* Kader */
.timeblockr_vertical #accordion #timeblockr_otherselector>.location-resource-container>ul,
.timeblockr_vertical #accordion>ul, 
.timeblockr_vertical #accordion ul#timeblockr_first_available,
.timeblockr_vertical #accordion ul#timeblockr_freechoice {box-shadow:unset;border-radius:0;}
/* Koppen en tekst witruimte */
.timeblockr h2 {}
.timeblockr p {}
/* Active en niet actieve stap */
.timeblockr_vertical #accordion>ul>li>span.step-header-link,
.timeblockr_vertical #accordion ul li>a.step-header-link {color:#004750;font-weight:bold;border-color:#004750;}
/* Actieve stap */
.timeblockr_vertical .timeblockr_active>.accordion {border-top-width:1px;border-color:#004750;}
/* Toekomstige actieve stap */
.timeblockr_vertical #accordion ul li.timeblockr_active>a.step-header-link {background-color:#004750;color:#FFFFFF;}
/* Voortgangsbalk */
.timeblockr_progress-indicator {padding-top:10px;padding-bottom:10px;background-color:#004750;color:#FFFFFF;}
/* formelementen */
.timeblockr_vertical .timeblockr_set-data .timeblockr_birthdate input[type=text],
.timeblockr_vertical .timeblockr_set-data .timeblockr_firstname input[type=text],
.timeblockr_vertical .timeblockr_set-data .timeblockr_mail input[type=email], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumberalternate input[type=tel], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumberalternate input[type=text], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumber input[type=tel], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumber input[type=text], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumbermobile input[type=tel], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_phonenumbermobile input[type=text], 
.timeblockr_vertical .timeblockr_set-data .timeblockr_reference input[type=text], 
.timeblockr_vertical .timeblockr_set-data input[type=email], 
.timeblockr_vertical .timeblockr_set-data input[type=tel], 
.timeblockr_vertical .timeblockr_set-data input[type=text], 
.timeblockr_vertical .timeblockr_set-data textarea {height:auto;width:99%;float:none;box-sizing:border-box;font-size:1rem;}
.timeblockr_set-data fieldset div.timeblockr_formfield span.timeblockr_formfield {float:none;}
.timeblockr_set-data fieldset label.timeblockr_required span~span, 
.timeblockr_set-data fieldset span.timeblockr_required span~span {color: #BB0000;font-size:22px;line-height:1;margin-bottom:-4px;vertical-align:top;}
.timeblockr_set-data fieldset div.timeblockr_formfield>div.timeblockr_formfield-wrapper {min-width:unset;border-width:0;margin:0;float:none;}
#timeblockr label {font-weight:normal !important;margin-bottom:2px;float:none;width:auto;}
#timeblockr .timeblockr_set-data fieldset span.timeblockr_formfield input[type=checkbox], 
#timeblockr .timeblockr_set-data fieldset span.timeblockr_formfield input[type=radio], 
#timeblockr .timeblockr_set-data fieldset span.timeblockr_formfield label {float:left;font-weight:normal;margin-bottom:0;}
#timeblockr select, 
#timeblockr input {padding:6px;border:1px solid #555555;background-color:#FFFFFF;border-radius:0;}
.select2.select2-container--default .select2-selection--multiple,
.select2.select2-container--default .select2-selection--single {border:1px solid #555555;border-radius:0;height:auto;}
.select2-container .select2-selection--single .select2-selection__rendered {background-color:#FFFFFF;}
/* Gekozen product */
.timeblockr_basket .timeblockr_product {padding:0.8rem;}
/* Button */
.section a:not(.calltoaction).timeblockr_button {transition:all 0.5s;border:2px solid #004750;background-color:#004750;color:#FFFFFF;font-size:1rem;font-weight:bold;padding:0.5rem 2rem;border-radius:2rem;}
.section a:not(.calltoaction).timeblockr_button:hover,
.section a:not(.calltoaction).timeblockr_button:focus {background-color:#FFFFFF;color:#004750;}
/* Kalender */
.ui-widget-header {border-color:#004750;background-color:#004750;}
.timeblockr_datepicker .ui-datepicker-title label.ui-datepicker-label, 
div#ui-datepicker-div .ui-datepicker-title label.ui-datepicker-label {color:#FFFFFF;}
/* Powered by */
#timeblockr_disclaimer {float:none;}

html {hyphens:unset}

/* kleuren */
:root {
    --color1: #004750;
    --color2: #FFFFFF;
    --color3: #004750;
    --color4: #FFFFFF;
    --color5: #004750;
    --color6: #FFFFFF;
    --color510: #00475010;
    --color520: #00475020;
    --color550: #00475050;
    --tabletd: #cfe3e5;
    --breadcrumb: #cfe3e5;
    --groen: #a0c748;
    --paars: #62539e;
    --paarsperc: #62539e20;
    --lichtblauw: #00819E;
    --oranje: #eb6502;
    --wit: #FFFFFF;
    --zwart: #000000;
}
@media only screen and (max-width: 960px) {
    :root {
        --oranje: #C55302;
    }
}

/* Hoogcontrast */
:root.highcontrast {
    --color1: #000000;
    --color2: #FFFFFF;
    --color3: #000000;
    --color4: #FFFFFF;
    --color5: #000000;
    --color6: #FFFFFF;
    --color520: #e5e5e510;
    --color520: #e5e5e520;
    --color550: #d9d9d950;
    --tabletd: #cfe3e5;
    --breadcrumb: #cfe3e5;
    --groen: #a0c647;
    --paars: #62539e;
    --paarsperc: #62539e20;
    --lichtblauw: #00aed4;
    --oranje: #eb6502;
    --wit: #FFFFFF;
    --zwart: #000000;
}

/* Gebruik: color:var(--color1); */

/* Rij kleuren - reset naar transparent */
#wrapper div[id^="row"] {background-color:transparent;}

/* Rij 1 met en zonder kruimelpad */
div#row1 {background-size: 100%;}
#bannerfoto {
    aspect-ratio: 3.7/1;
    width: 100%;
    height: auto !important;
}
@media screen and (max-width: 767px) {
    #bannerfoto {
        display: block !important;
    }
}
div#row1.row1_breadcrumb {background-color:var(--breadcrumb);}
div#row1.row1_breadcrumb nav {padding:1rem 0;margin:0;}
.breadcrumbs a {color:var(--color1);}

body,
#wrapper p,
#wrapper dl,
#wrapper ul,
#wrapper ol,
.items p.description,
.subitems p.description {
	font-family: "Source Sans", Arial, sans-serif;
	color:var(--color1);
	margin-bottom:1rem;
}

#wrapper ul ul,
#wrapper ol ol,
#wrapper ul ol,
#wrapper ol ul {margin-bottom:0;}
#wrapper .breadcrumbs ol {margin-bottom:0;}

h1, h2, h3, h4, h5, h6,legend.form_legend,
#product-description h3, #product-conditions h3, #product-price h3, #product-details h3, #product-order h3, #product-application h3, #product-tips h3 {
    color:var(--color1);
    font-family: "Libre Franklin", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h1 {font-size:2rem;margin:3.5rem 0 2rem;}
h2 {font-size:1.5rem; margin:2rem 0 1rem;}
.items h2 {font-size:1.5rem}
h3 {font-size:1.125rem;margin:1.5rem 0 0.5rem;}
.items h3 {font-size:1.125rem;}
h4 {font-size:1rem;margin:0;}
.items h4 {font-size:1rem;margin:0 0 1.25rem;}
h5 {font-size:1rem;margin:0;font-style:italic;}
h6 {font-size:1rem;margin:0;}
.section.document img {border-radius:1rem;}
span.objectinfo {font-size:0.75rem;margin-top:0.5rem;}
a.list-icon {display:flex;}
.section a:not(.calltoaction) {color:var(--lichtblauw);}

#wrapper h1 ~ .description {font-size:1.125rem;color:var(--color1); font-weight:700;}

/* HTML-fontsize per schermresolutie - Deze maat wordt ook als marge ed gebruikt door het gebruik van rem */
@media only screen and (max-width: 512px) {
    html {font-size:14px !important;}
    html.largebodyfont {font-size:16px !important;}
}
@media only screen and (min-width: 513px) and (max-width: 767px) {
    html {font-size:14px}
    html.largebodyfont {font-size:16px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    html {font-size:14px}
    html.largebodyfont {font-size:16px !important;}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    html {font-size:14px}
    html.largebodyfont {font-size:16px !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    html {font-size:14px}
    html.largebodyfont {font-size:16px !important;}
}
@media only screen and (min-width: 1360px) and (max-width: 1459px) {
    html {font-size:15px}
    html.largebodyfont {font-size:17px !important;}
}
@media only screen and (min-width: 1460px) {
    html {font-size:16px;}
    html.largebodyfont {font-size:18px !important;}
}
@media only screen and (min-width: 640px) and (max-width: 960px) {
    .document img.float-left,
    .document img.float-right {max-width:50vh;}
}

/*----------- Webeditor stijlen -----------*/
#wrapper p[class^="emphasis"] {font-size:1.25rem;border-radius:1.5rem;padding:1.25rem 2rem;display:block;border:4px solid currentcolor;}
#wrapper p.emphasisgreen    {background-color:var(--wit);border-color:var(--groen);}
#wrapper p.emphasisyellow   {background-color:var(--wit);border-color:var(--oranje);}
#wrapper p.emphasisred      {background-color:var(--wit);border-color:var(--paars);}

ul ul {list-style-type:square;}
ul ul ul {list-style-type:circle;}
ol ol {list-style-type: upper-alpha;}
ol ol ol {list-style-type: lower-roman;}

cite {text-align:right;display:block;width:100%;font-size:0.75em;}
blockquote {
    border-width:0;
    font-size:1.25em;
    width:60%;
    margin:2rem auto;
    font-style:italic;
    background-color:var(--paarsperc);
    padding:2rem 4rem;
    border-left:8px solid var(--paars);
    position: relative;
}
blockquote * {margin-top:0;color:var(--paars);font-style:italic;}
blockquote p:last-child {margin-bottom:0;}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:var(--paars);
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}
blockquote::after{
  font-family:Arial;
  content: "\201D";
  color:var(--paars);
  font-size:4em;
  position: absolute;
  right: 20px;
  bottom:-45px;
}



/*----------- UITKLAPBLOKKEN -----------*/

/* Uitklap titel - fontsize, kleur en marges - uitzondering op de normale H2 */
h2.toggle_heading {font-size:1.5rem;font-weight:400;}

/* Knop rond titel - border, borderkleur, hoekradius - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
button.blocktitle, .section.product button.blocktitle {border-color:var(--color1);padding:1rem;border-radius:1.5rem;}

/* Actieve knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
button.blocktitle.toggle-active, 
.section.product button.blocktitle.toggle-active {border-radius:1.5rem 1.5rem 0 0;}

/* Zichtbare inhoud - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
.hidden_information.open,
.product .hidden_information.open {border-color:var(--color1);padding:0 1rem;border-radius:0 0 1.5rem 1.5rem;}

/* Hover en focus opties voor knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
button.blocktitle:focus,
button.blocktitle:hover,
.product button.blocktitle:focus,
.product button.blocktitle:hover {background-color:transparent;text-decoration:underline;}

/* Hover en focus opties voor actieve knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
button.blocktitle.toggle-active:hover,
button.blocktitle.toggle-active:focus,
.product button.blocktitle.toggle-active:hover,
.product button.blocktitle.toggle-active:focus {}

/*----------- TABELLEN -----------*/
caption {text-align:left;font-weight:bold;}

/* tabellen */
#wrapper .section table th,
#wrapper .section table td {width:auto;}
#wrapper .section table[class^="raster"] th,
#wrapper .section table[class^="raster"] td {width:1%;}
.section table td.align-center {text-align:center;}
.section table td.align-right {text-align:right;}

table.raster1, table.raster2, table.raster3 {border-width:0;}
td, th, .grafiek thead tr th {padding:0.5em 1em;}
caption {text-align:left;font-weight:400;padding:0.5em;font-size:1.5rem;}
.section table tr,
.section table th,
.section table td {border-width: 0;border-color:var(--wit);border-style:solid;text-align:left;}
.section table thead th,
.section table tbody th {background-color:var(--wit);color:var(--color1);font-weight:bold;}
.section table tr:nth-child(even) {background-color:var(--wit);color:var(--color1);}
.section table tr:nth-child(odd) {background-color:var(--wit);color:var(--color1);}

table.raster1 thead th,
table.raster1 tbody th {background-color:var(--wit);color:var(--color1);font-weight:bold;}
table.raster1 tr:nth-child(odd) {background-color:var(--groen);color:var(--color1);}
table.raster1 tr:nth-child(even) {background-color:var(--wit);color:var(--color1);}

table.raster2 caption {background-color:var(--color5);color:var(--color6);font-weight:700;}
table.raster2 thead th,
table.raster2 tbody th {background-color:var(--color550);color:var(--color5);font-weight:bold;}
table.raster2 th,
table.raster2 td {border-width:8px;}
table.raster2 td:nth-child(odd) {background-color:var(--tabletd);color:var(--color5);}
table.raster2 td:nth-child(even) {background-color:var(--tabletd);color:var(--color5);}

table.raster3 caption {background-color:var(--color5);color:var(--color6);}
table.raster3 thead th,
table.raster3 tbody th {background-color:var(--color550);color:var(--color5);font-weight:bold;}
table.raster3 th,
table.raster3 td {border-width:8px;}
table.raster3 tr:nth-child(odd) {background-color:var(--color510);color:var(--color1);}
table.raster3 tr:nth-child(even) {background-color:var(--tabletd);color:var(--color1);}

#wrapper table tr th:first-child,
#wrapper table tr td:first-child {border-left:0;}

/*----------- CALL TO ACTION -----------*/
.section a.calltoaction,
.section a.calltoaction.new-window.external,
.section a.calltoaction.new-window,
.section a.calltoaction.external,
.type_landingpage a.read-more.type-briefing {
    border-radius:50px;
    padding:0 2rem;
    box-sizing:border-box;
    min-height:44px;
    line-height:1;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-weight:normal;
    color:var(--color2);
    background-color:var(--oranje);
    border:2px solid var(--oranje);
    text-decoration:none;
    font-size:19px;
    font-weight:700;
}
.section a.calltoaction:hover,
.section a.calltoaction:focus,
.section a.calltoaction.new-window.external:hover,
.section a.calltoaction.new-window.external:focus,
.section a.calltoaction.new-window:hover,
.section a.calltoaction.new-window:focus,
.section a.calltoaction.external:hover,
.section a.calltoaction.external:focus,
.type_landingpage a.read-more.type-briefing:hover,
.type_landingpage a.read-more.type-briefing:focus {background-color:var(--color2);color:var(--oranje);text-decoration:none;}

.type_landingpage #wrapper a.read-more.type-briefing,
.type_landingpage #wrapper .section a.calltoaction {
    font-size:1.375rem;
    font-weight:700;
    background-repeat: no-repeat;
    padding-right:3rem;
    background-position: right 1rem center;
    background-size: 11px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M2.49 16.78c-.37.37-.96.37-1.33 0l-.89-.88a.924.924 0 0 1 0-1.32l6.02-6.04L.27 2.48a.942.942 0 0 1 0-1.32l.89-.89c.37-.37.96-.37 1.33 0l7.59 7.59c.37.37.37.96 0 1.33l-7.59 7.59z'/%3E%3C/svg%3E%0A");
}
.type_landingpage #wrapper a.read-more.type-briefing:hover,
.type_landingpage #wrapper a.read-more.type-briefing:focus,
.type_landingpage #wrapper .section a.calltoaction:hover,
.type_landingpage #wrapper .section a.calltoaction:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' xml:space='preserve'%3E%3Cpath fill='%23eb6502' d='M2.49 16.78c-.37.37-.96.37-1.33 0l-.89-.88a.924.924 0 0 1 0-1.32l6.02-6.04L.27 2.48a.942.942 0 0 1 0-1.32l.89-.89c.37-.37.96-.37 1.33 0l7.59 7.59c.37.37.37.96 0 1.33l-7.59 7.59z'/%3E%3C/svg%3E%0A");
}

/* Responsive algemeen */

html {
	transition: all 0.5s;
}
a, button {transition:all 0.5s;}

div.grid-16 {width:100% !important;margin:0 !important;box-sizing:border-box;float:none;}
div.grid-11 {width:calc(75% - 2.5rem);margin:0 2.5rem 0 0;box-sizing:border-box;}
div.grid-5 {width:25%;margin:0;box-sizing:border-box;}
.contentrow {overflow:unset;}

/* Mobiel */
@media only screen and (max-width: 512px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
}
@media only screen and (min-width: 513px) and (max-width: 767px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11 {width:calc(66% - 2.5rem);margin:0 2.5rem 0 0;box-sizing:border-box;}
    div.grid-5 {width:33%;margin:0;box-sizing:border-box;}
}
/* Zeer klein scherm */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    .contentrow {width:940px;}
    body.menutype_horizontal ul#dl-menu {width:940px;height:0;}
}
/* Klein scherm */
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    .contentrow {width:1000px;}
    body.menutype_horizontal ul#dl-menu {width:1000px;height:0;}
}
/* Normaal scherm */
@media only screen and (min-width: 1360px) and (max-width: 1459px) {
    .contentrow {width:985px;}
    body.menutype_horizontal ul#dl-menu {width:985px;height:0;}
}
/* Groot scherm */
@media only screen and (min-width: 1460px) {
    .contentrow {width:1440px;}
    body.menutype_horizontal ul#dl-menu {width:1440px;height:0;}
    div#row1 {background-size:1920px auto;}
}

/* Simple Cookiebar met 1 of 2 knoppen: floating bar */
.information-bar {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color5);
    padding: 30px;
    border-radius: 10px;
    max-width: 700px;
    border-bottom: 0;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.information-bar a {
    color: var(--color6);
}

.information-bar .text {
    margin-bottom: 30px;
    color:var(--color6);
}

.information-bar .links {
    margin-bottom: 0;
}

.information-bar .links li a {
    background-color: var(--color6);
    border-radius: 10px;
    padding: 10px 30px !important;
    color: var(--color5);
    text-decoration: underline;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

.information-bar .links li:last-of-type {
    margin-left: 20px;
}

@media screen and (max-width: 700px) {
    .information-bar {
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .information-bar .links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .information-bar .links li {
        width: 100%;
    }

    .information-bar .links li:last-of-type {
        margin-top: 10px;
        margin-left: 0;
    }
}

/* Fixed Header met logo dat schaalt bij scroll */
:root {
    --logobasewidth: 204px;
    --logobaseheight: 97px;
    --logowidth: var(--logobasewidth);
    --logoheight: var(--logobaseheight);
}

a#logo img {height:var(--logoheight);width:var(--logowidth);max-width:unset;}
#header {min-height:0px;transition:all 0.5s;}
a#logo {padding:0;}
a#logo img {padding:1rem 0 0.5rem;transition:all 0.5s;}
#tinyblock form#quicksearch {border-width:0 2px 2px 2px;border-radius:0 0 0 10px;}
#tinyblock form#quicksearch input.text {background-color:transparent;color:var(--color1);height:auto;}
#tinyblock form#quicksearch button.submit:before {color:var(--color1);}

@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 959px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.75);
        --logoheight: calc(var(--logobaseheight) * 0.75);
    }
    a#logo {z-index:9999;position:relative;padding:3rem 0 0.5rem 0.25rem !important;}
    a#logo img {padding:0;max-width:unset !important;max-height:unset !important;}
    #header .contentrow {width:100% !important}
    #tinyblock {left:0;}
	#tinyblock form#quicksearch {border-width:2px;border-radius:1rem;margin-right:5rem;margin-top:23px;width:120px;}
	#tinyblock .toplinks ul.quicklinks {height:auto;}
	#tinyblock #accessibility-tools {width:100%;}
	#tinyblock #accessibility-tools .webreader {float:unset;display:inline-block;}
	#tinyblock form#quicksearch button.submit {margin-top:0;}
	#tinyblock .container-sessions {position:absolute;top:5px;left:1rem;right:unset;z-index:999999;}
    #tinyblock .container-sessions .container {text-align:left;background-color:transparent;font-weight:400;}
    #tinyblock .container-sessions .container p.container-content {background-color:transparent;color:#FFFFFF;font-size:0;}
    #tinyblock .container-sessions .container p.container-content a {font-size:1rem;color:#FFFFFF;}
}

@media only screen and (max-width: 960px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.9);
        --logoheight: calc(var(--logobaseheight) * 0.9);
    }
}

/* Menu - naast logo bij fixed menu */
@media only screen and (max-width: 959px) {
    div#menu_wide {top: -44px;height: auto;right: 1rem;position: absolute;left:unset;z-index:9999;border-radius:2rem;transition:all 0s;}
    div#menu_wide::after {width:50%;top:12px;left:25%;box-shadow:0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;height:2px;}
    ul#dl-menu {box-shadow: 0 5px 10px 0 #00000050;left:unset !important;right:0;}
    #menu-icon {cursor:pointer;border-radius:2rem;}
    div#menu_wide ul#dl-menu.menu-horizontal a {font-size:1.25rem;padding:1rem !important;}
    div#menu_wide ul.dropdownmenu li a.item-link {font-size:1rem;padding:0.5rem 1.5rem !important;color:var(--color1);}
    div#menu_wide ul.dropdownmenu li a.item-link {background-color:transparent;}
    div#menu_wide ul.dropdownmenu li a.item-link:hover,
    div#menu_wide ul.dropdownmenu li a.item-link:focus {background-color:var(--color520);}
    div#menu_wide:has(#menu-icon[aria-expanded="true"]) {border-radius:2rem 2rem 0 0;}
    body.menutype_horizontal ul#dl-menu {border-radius:1rem 0 1rem 1rem;background-color:var(--wit);}
}
@media only screen and (min-width: 960px)  {
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding-bottom:47px;}
    body.menutype_horizontal .nav #dl-menu.menu-horizontal li.active ul {top:76px;}
    div#menu_wide {height:0;}
     #header {box-shadow: 0 0 10px 0 #00000050;}
     div#menu_wide {
        top: -4.75rem;
        position:relative;
        z-index: 999 !important;
        background-color: transparent;
    }
    .menu-horizontal li.first-child {transition:all 0.5s;margin-left:calc(var(--logowidth) + 2rem);}
    ul.menu-horizontal a {font-size:1.375rem;}
    body.menutype_horizontal ul.dropdownmenu {width:100%;left:0;}
    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {
        border-top:1px solid var(--color1);
        font-size: 1rem;
        margin: 0 0.5rem 0;
        padding: 1rem !important;
        transition: all 0.5s ease;
    }
    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:hover,
    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:focus {background-color:var(--paars);color:var(--wit);}
    body a.skip-link.display-in-place-on-focus {background-color:#FFFFFF !important;display:none;}
    
     ul.menu-horizontal li a.toplevellink {color:var(--color1);}
    .singlemenu li:hover > a, .singlemenu li a.show-menu,
     ul.menu-horizontal li.active a.toplevellink {background-color:transparent;color:var(--color1);}
     ul.menu-horizontal li.active a.toplevellink {font-weight:900;text-decoration:none;}
}

@media only screen and (max-width: 960px)  {
   #tinyblock .toplinks {width:max-content;}
}

/* Toptaken reset */
ul.onlytoptasks.bannercount-6 li.column:nth-child(1),
ul.onlytoptasks.bannercount-6 li.column:nth-child(2),
ul.onlytoptasks.bannercount-6 li.column:nth-child(3) {margin:0;}
ul.onlytoptasks.columns {display:flex;flex-wrap:wrap;gap:3rem;flex-direction:row;}
ul.onlytoptasks.columns li.column {float:none;margin:0;flex: 1 1 0;}
ul.onlytoptasks.columns li.column a {min-height:unset;height:100%;aspect-ratio:1/1;align-items:center;display:grid;grid-template-columns: 1fr;
    grid-template-rows: 2fr 1fr;}
ul.onlytoptasks li.column a {display:flex;flex-direction:column; justify-content: space-evenly;}
.largebodyfont ul.onlytoptasks li.column a span {height:unset;}
ul.onlytoptasks li.column a img {width:auto;height:auto;margin:0.5rem auto;}
ul.onlytoptasks li.column a span {height:unset;padding-bottom:0.5rem;}

div#row1.sublayout_row1_topsix_search {background-position:center top !important;}


@media only screen and (max-width: 960px) {
    ul.onlytoptasks.columns {gap:1rem;}
    ul.onlytoptasks.columns li.column a {aspect-ratio:unset;}
    ul.onlytoptasks li.column a span {font-size:1rem;}
}
@media only screen and (min-width: 960px) and (max-width:1459px)  {
    ul.onlytoptasks.columns {gap:1rem;}
    div.topsix_search.with_toptasks {padding:240px 0 0;}
    div.topsix_search.with_toptasks form#sublayout_search {margin-bottom:4rem !important;}
}
@media only screen and (min-width: 1460px)  {
    div.topsix_search.with_toptasks {padding:240px 0 0;}
    div.topsix_search.with_toptasks form#sublayout_search {margin-bottom:220px !important;}
}

div.topsix_search.with_toptasks .bottomspace {overflow:unset;}
ul.onlytoptasks li.column a {
    padding:0.25rem;
    border-width:0;
    background-color:var(--oranje);
    color:var(--color2);
    font-size:1.375rem;
    font-family: "Source sans", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    border:2px solid var(--oranje);
    border-radius:1rem;
    transition:all 0.5s;
    hyphens:auto;
}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {letter-spacing:0.9px;background-color:var(--color2);color:var(--oranje);text-shadow: 0 0 .9px var(--oranje), 0 0 .9px var(--oranje), 0 0 .9px var(--oranje);}
@media only screen and (min-width: 640px) {
    ul.onlytoptasks li.column a img {max-width:80px;max-height:80px;}
}
ul.onlytoptasks li.column a img {filter: brightness(0) invert(1);}
ul.onlytoptasks li.column a:hover img,
ul.onlytoptasks li.column a:focus img {filter: brightness(1) invert(0);}

.contentrow > .section,
.layout_four .contentrow .onecolumn {margin:0;}

div[id^="row"]:last-child {padding-bottom:0 !important;}
#row2.row2_content {padding:0;}
div[id^="row"][class^="sublayout_row"]:has(.folder):has(.document) {padding:3rem 0;}
div[id^="row"][class^="sublayout_row"]:has(.document) {padding:0 0 3rem 0;}
div[class$="_one-columns"] {padding:3rem 0;}
div[id^="row"][class^="sublayout_row"]:has(#thematictabs) {padding:3rem 0 0;}

/* of zocht u */
.layout_four .section.folder h2 {position:absolute;left:-999999em;top:-999999em;}
.layout_four .section.folder ul.columns {border:0 solid var(--color1);border-width:1px 0;column-gap: 3rem;display:grid;margin-bottom:2rem !important;}
.layout_four .section.folder ul.columns li {border-width:0;}
.layout_four .section.folder ul.columns li a {
    display:flex;
    box-sizing:border-box;
    border-top:1px solid var(--color1);
    padding:1rem;
    font-size:1.125rem;
    font-weight:normal;
    color:var(--color1);
    height:100%;
    align-items:center;
    background-image:none;
}


.layout_four .section.folder ul.columns li.column {width:100% !important;float:none;}
.layout_four .section.folder ul.columns li a:hover,
.layout_four .section.folder ul.columns li a:focus {background-color:var(--paars);color:var(--wit);}
.layout_four .section.folder ul.columns li.last-column a {margin-right:0;}
@media only screen and (max-width: 639px) {
    .layout_four .section.folder ul.columns.four,
    .layout_four .section.folder ul.columns.three {grid-template-columns: repeat(1, 1fr);}
    .layout_four .section.folder ul.columns.four li:nth-child(1) a,
    .layout_four .section.folder ul.columns.three li:nth-child(1) a {border-width:0;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
    .layout_four .section.folder ul.columns.four,
    .layout_four .section.folder ul.columns.three {grid-template-columns: repeat(2, 1fr);}
    .layout_four .section.folder ul.columns.four li:nth-child(-n+2) a,
    .layout_four .section.folder ul.columns.three li:nth-child(-n+2) a {border-width:0;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .layout_four .section.folder ul.columns.four,
    .layout_four .section.folder ul.columns.three {grid-template-columns: repeat(3, 1fr);}
    .layout_four .section.folder ul.columns.four li:nth-child(-n+3) a,
    .layout_four .section.folder ul.columns.three li:nth-child(-n+3) a {border-width:0;}
}
@media only screen and (min-width: 960px) {
    .layout_four .section.folder ul.columns.four {grid-template-columns: repeat(4, 1fr);}
    .layout_four .section.folder ul.columns.three {grid-template-columns: repeat(3, 1fr);}
    .layout_four .section.folder ul.columns.four li:nth-child(-n+4) a,
    .layout_four .section.folder ul.columns.three li:nth-child(-n+3) a {border-width:0;}
}


/* Thema blokken */
.layout_four .contentrow {overflow:unset;}
div[class$="_one-columns"],
div[class$="_itemsbanner_slider"] {background-color:var(--color1) !important;}
.onecolumn .landing.folder {margin:0;}
.onecolumn .landing.folder ul.items {
    display: grid;
    gap: 3rem;
    overflow:unset;
    margin:0 !important;
}
@media only screen and (max-width: 639px) {
    .onecolumn .landing ul.items.three,
     .onecolumn .landing ul.items.four {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media only screen and (min-width: 640px) and (max-width: 899px) {
    .onecolumn .landing ul.items.three,
     .onecolumn .landing ul.items.four {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 900px) {
    .onecolumn .landing ul.items.three {
        grid-template-columns: repeat(3, 1fr);
    }
    .onecolumn .landing ul.items.four {
        grid-template-columns: repeat(4, 1fr);
    }
}
.onecolumn .landing.folder ul.items li.column {margin:0;border-width:0;width:100%;float:none;border-radius:1rem;background-color:transparent;}
.onecolumn .landing.folder ul.items li.column a {background-color:var(--color2);}
.onecolumn .landing.folder ul.items li.column a:has(.image) {justify-content: space-evenly;align-content:space-between;}
.onecolumn .landing.folder ul.items li.column span.title {width:100%;text-align:center;box-sizing:border-box;transition:all 0.5s;font-weight:700;padding:1rem;font-size:1.375rem;color:var(--oranje);}
.onecolumn .landing.folder ul.items li.column a:hover span.title,
.onecolumn .landing.folder ul.items li.column a:focus span.title {letter-spacing:0.9px;text-shadow: 0 0 .9px var(--oranje), 0 0 .9px var(--oranje), 0 0 .9px var(--oranje);}
.onecolumn .landing.folder ul.items li a span.image img {transform: scale(1.0); transition: 0.5s;}
.onecolumn .landing.folder ul.items li a:hover span.image img,
.onecolumn .landing.folder ul.items li a:focus span.image img {transform: scale(1.1);}

/* Thematisch nieuws */
#thematictabs {overflow:auto;margin:0;}
#thematictabs .briefing.container {margin:0;}
#thematictabs button[role="tab"] {font-size:1.125rem;margin-top:0;}
.horizontal_tabs [role="tab"][aria-selected="true"] {border-color:var(--color1);font-weight:normal;}
.horizontal_tabs [role="tab"] {color:var(--color1);background-color:var(--color520);}
.horizontal_tabs [role="tab"]:hover,
.horizontal_tabs [role="tab"]:focus {color:var(--color2);background-color:var(--color1);}

#thematictabs div.container-content {margin:0;}
#thematictabs h2 {position:static;display:inline-flex;align-items:center;background-color:var(--paars);color:var(--wit);border-radius:50px;min-height:44px;padding:0 1rem;box-sizing:border-box;font-weight:700;font-size:1.25rem;margin-bottom:1rem;}
@media only screen and (min-width: 960px) {
    #thematictabs .document > h2 {margin-left:-1rem;}
}

.sublayout_row6_ .document > h2 {position:absolute;left:-999999em;top:-999999em;}

@media only screen and (max-width: 640px) {
    #thematictabs div[role="tablist"] {flex-wrap:wrap;}
    #thematictabs button[role="tab"] {margin:0 0 0.5rem;}
}
@media only screen and (min-width: 960px) {
    div.alpha[class^="width-"] {padding-right:1.5rem;}
    div.omega[class^="width-"] {padding-left:1.5rem;}
}

#thematictabs ul.items li {padding:0;margin-bottom:0;display:flex;border-radius:1rem;overflow:hidden;}
#thematictabs ul.items li a {padding:1rem;color:var(--color1);transition: background-color 1s;width:100%;}
#thematictabs ul.items h3.item-title {font-size:1.25rem;margin:0 0 0.5rem;color:var(--color1);}
#thematictabs ul.items li a:hover,
#thematictabs ul.items li a:focus {text-decoration:none;background-color:var(--paars);}
#thematictabs ul.items li a:hover h3.item-title,
#thematictabs ul.items li a:focus h3.item-title {text-decoration:underline;}
#thematictabs ul.items li a:hover *,
#thematictabs ul.items li a:focus * {color:var(--wit);}
#thematictabs ul.items .item-photo {display:block;padding:0;margin:0 2rem 0 0;overflow:hidden;float:left;max-width:30%;border-radius:0.75rem}
#thematictabs ul.items .item-photo img {transform: scale(1.0); transition: 0.5s;}
#thematictabs ul.items a:hover .item-photo img,
#thematictabs ul.items a:focus .item-photo img {transform: scale(1.1);}

@media only screen and (max-width: 640px) {
    #thematictabs ul.items .item-photo {margin:0 0 1rem;float:none;max-width:unset;}
}

.sublayout_row5_ .document > h2 {display:none;}

/* Footer */
div#contact {display:none;}
#social-sharing ul.icon-list.extended li a::before, #social-sharing ul.icon-list.extended li button::before {font-size:24px;}
@media only screen and (min-width: 960px) {
    .footer_website .columns.two .column:not(#contact) {width:25%;margin:0;box-sizing:border-box;padding:1px;}
    .footer_website .columns.two .column:not(#contact):last-child {width:75%;}
}
@media only screen and (max-width: 640px) {
    .footer_website .columns.two .column:not(#contact) {width:100%;margin:0;box-sizing:border-box;padding:1px;}
    .footer_website .columns.two .column:not(#contact):last-child {width:100%;clear:none;}
}

@media only screen and (min-width: 640px) and (max-width: 960px) {
    .footer_website .columns.two .column:not(#contact) {width:35%;margin:0;box-sizing:border-box;padding:1px;}
    .footer_website .columns.two .column:not(#contact):last-child {width:65%;clear:none;}
}

.footer_website{
    border-width:0;
    clear:both;
    padding:4rem 0 2rem;
    background-color:var(--color1);
}

#footer_columns .column h2,
#footer_columns .column h3,
#footer_columns .column h4,
#footer_columns .column h5,
#footer_columns .column h6,
#footer_columns .column p,
#footer_columns .column li,
#footer_columns .column a {font-family:"Source sans", Arial, sans-serif;color:var(--wit);font-size:1rem;font-weight:400;}
#footer_columns .column h2,
#footer_columns .column h3 {font-weight:900;text-transform:unset;}
@media only screen and (max-width:640px) {
    #footer_columns .column .document ul {columns:1;}
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
    #footer_columns .column .document ul {columns:2;}
}
@media only screen and (min-width: 960px) {
    #footer_columns .column .document ul {columns:3;}
}
#footer_columns .column .document ul li:has(.calltoaction) {list-style-type: none;margin: 0.5rem 0 0 -1rem;}
#footer_columns .column li a {text-decoration:none;}
#footer_columns .column li a:hover,
#footer_columns .column li a:focus {text-decoration:underline;}
#footer_columns .column a.calltoaction {border-color:var(--wit);background-color:transparent;}
#footer_columns .column a.calltoaction:hover,
#footer_columns .column a.calltoaction:focus {color:var(--color1);border-color:var(--lichtblauw);background-color:var(--wit);}
#footer_columns .column a img {}
#footer_columns .column a:hover img,
#footer_columns .column a:focus img {
    outline-offset:-1px;
    outline-width: 1px;
    outline-style: dashed;
    outline-color: currentcolor;}
#footer_columns {padding:0;}
div#footer {margin-top:2rem;}
div#footer ul.quicklinks {color:var(--wit);float:none;text-align:center;border-top:1px solid var(--wit);margin:0 auto;padding: 0.5rem 1.5rem 0;width: fit-content;}
div#footer ul.quicklinks li {padding:0;}
div#footer ul.quicklinks li a {color:var(--wit);}
div#footer ul.quicklinks li a img {vertical-align:middle;}
div#footer ul.quicklinks li::after {display:inline-block;content:"|";padding:0 0.25rem;}
div#footer ul.quicklinks li.last-child::after {content:"";}

@media only screen and (max-width: 639px) {
    ul.onlytoptasks.columns {width:96%;margin:0 auto 1rem;flex-direction:column;gap:1rem;}
    ul.onlytoptasks.columns li.column {margin:0;flex: 1 1 100%;width:100%;}
    ul.onlytoptasks.columns li.column a {padding:0;aspect-ratio:unset;height:auto;text-align:left;display:flex;flex-direction:row;gap:2rem;}
    ul.onlytoptasks.columns li.column a span {height:unset;justify-content:left;flex-grow:1;}
    ul.onlytoptasks.columns li.column a img {margin:0.5rem;flex-grow:0;width:38px;height:38px;}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
    ul.onlytoptasks {width:85%;margin:0 auto 1rem;}
    ul.onlytoptasks.columns li.column {margin:0;flex: 1 1 30%;}
}

/* formuier / knoppen */
.datefield .static {min-width:350px;}
.calendar-header .header,
#wrapper .chart-container, #wrapper table.popup-calendar {max-width:350px;}
form.simpleform .inputfield,
.advanced_filters_block .filters details, .vacancyoverview .filters details, .mapoverview .filters details,
.advanced_filters_block input[type=search].inputfield, .advanced_filters_block #filters-freetext, .mapoverview #filters-freetext {border-radius:0.25rem;border-color:var(--color1);min-height: calc(3em + 2px);}
form.simpleform .inputfield:focus {border-color:var(--lichtblauw);}
form.simpleform input.submit, #filter .submit_button, form.simpleform a.close, a.button, .submit_button.submit, form.simpleform .set, a.submit.govmetricbutton, a.submit.download {
    padding:0.5rem 1rem;
    border-radius:2rem;
    background-color:var(--color1);
    color:var(--color2);
    border:2px solid var(--color1);
    transition:all 0.5s;
}
form.simpleform input.submit:focus, form.simpleform input.submit:hover, #filter .submit_button:focus, #filter .submit_button:hover, form.simpleform a.close:focus, form.simpleform a.close:hover, form.simpleform a.button:focus, form.simpleform a.button:hover, .submit_button.submit:focus, .submit_button.submit:hover, form.simpleform .set:focus, form.simpleform .set:hover, a.button:focus, a.button:hover, a.submit.govmetricbutton:focus, a.submit.govmetricbutton:hover, a.submit.download:focus, a.submit.download:hover {
    background-color:var(--color2);
    color:var(--color1);
}
.mapoverview #filters-freetext + button, 
.advanced_filters_block #searchterm + button, 
.advanced_filters_block #filters-freetext + button {
    height: calc(3em + 10px);
}
.advanced_filters_block #filters-freetext + button:before,
.advanced_filters_block #searchterm + button:before,
.mapoverview #filters-freetext + button:before {font-size:1.5rem;color:var(--color1);}

/* Zoeken */
.advanced_filters_block .filters, .vacancyoverview .filters, .mapoverview .filters {padding:1rem;border-radius:1rem;background-color:var(--breadcrumb);}
.section ul.searchresultlist, .section ul.vacancies, .section ul.mappoints {grid-row-gap:0;}
.search-results ul.items.columns.searchresultlist li {background-color:transparent;}
.search-results ul.items.columns.searchresultlist li:hover,
.search-results ul.items.columns.searchresultlist li:focus-within {background-color:var(--paarsperc);}
.search-results ul.items.columns.searchresultlist li h3 {font-size:1.5rem;padding-bottom:1rem;}
.search-results ul.items.columns.searchresultlist li a {color:var(--color1);}
.search-results ul.items.columns.searchresultlist li .description {padding:0;}

/* Zoekbalk gecentreerd */
div.topsix_search #sublayout_search {
    margin:0 auto;
    box-shadow:unset;
}
div.topsix_search #sublayout_search input.text{
    padding:0.5rem 6rem 0.5rem 2rem;
    border-radius:3rem;
    border:2px solid var(--oranje);
    font-family:"Source sans", Arial, sans-serif;
    color:var(--oranje);
    font-weight:600;
}
div.topsix_search #sublayout_search input.placeholder {color:var(--oranje);opacity:1;}

div.topsix_search #sublayout_search button.submit::before {
    font-size:2rem;
    color:var(--oranje);
}
@media only screen and (max-width: 639px)  {
    div.topsix_search {padding-left:0;padding-right:0;padding-bottom:0 !important;}
    div.topsix_search #sublayout_search {height:4rem;width:96%;margin:0 auto 2rem !important;}
    div.topsix_search #sublayout_search input.text {height:4rem;font-size:0.75rem;padding-left:1rem;padding-right:4rem;}
    div.topsix_search #sublayout_search button.submit{height:4rem;}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
    div.topsix_search.with_toptasks #sublayout_search {height:6rem;width:85%;margin:0 auto 2rem !important;}
    div.topsix_search #sublayout_search input.text {height:6rem;font-size:1.25rem;}
    div.topsix_search #sublayout_search button.submit{height:6rem;}
}
@media only screen and (min-width: 960px) and (max-width: 1360px) {
    div.topsix_search #sublayout_search input.text {font-size:1.5rem;}
    div.topsix_search.with_toptasks #sublayout_search {width:75%;margin:0 auto 2rem !important;}
}
@media only screen and (min-width:1361px) and (max-width: 1459px) {
    div.topsix_search #sublayout_search input.text {font-size:1.5rem;}
    div.topsix_search.with_toptasks #sublayout_search {width:60%;margin:0 auto 2rem !important;}
}
@media only screen and (min-width:1460px)  {
    div.topsix_search #sublayout_search input.text {font-size:1.5rem;}
    div.topsix_search.with_toptasks #sublayout_search {width:50%;margin:0 auto 2rem !important;}
}


/* Alternatieve landingspagina */
#row1.row1_breadcrumb[class*="sublayout_row1_"] {
    background-position:top center;
    display: flex;
    flex-direction: column;
}
#row1.row1_breadcrumb[class*="sublayout_row1_"] .contentrow:nth-child(1) {
    order:2;
}
.sublayout_row2_ .document {margin-bottom:-1rem;}
.sublayout_row2_ .document h2:nth-child(1) {
    font-size: 2rem;
    margin: 1.5rem 0 2rem;
    position:absolute;
    left:-999999em;
    top:-999999em;
}
div[class$="_50_25_25"] {background-color:var(--color530) !important;padding-top:0 !important;}
div[class$="_50_25_25"] .columns.three {margin:0 !important;overflow:unset;gap:3rem}
div[class$="_50_25_25"] .landing {}
div[class$="_50_25_25"] .alpha .landing {padding:1rem 1rem 0;background-color:#FFFFFF;}
div[class$="_50_25_25"] .alpha .landing > h2 {font-weight:bold;padding:0;margin-bottom:1rem;}

@media only screen and (min-width: 513px) {
    div[class$="_three_column_50_25_25"] .column:nth-child(1) {
        grid-area: 1 / 1 / 2 / 3 !important;
    }
    div[class$="_three_column_50_25_25"] .column:nth-child(2) {
        grid-area: 2 / 1 / 2 / 2 !important;
    }
    div[class$="_three_column_50_25_25"] .column:nth-child(3) {
        grid-area: 2 / 2 / 2 / 3 !important;
    }
}

div[class^="sublayout_row"][class$="_three_column"] {background-color: var(--color530) !important;}
div[class^="sublayout_row"][class$="_three_column"] .three.columns {
    margin:0 !important;
    display:flex; 
    gap:3rem;
    overflow:visible;
}
div[class^="sublayout_row"][class$="_three_column"] .three.columns .column {
    width:100%;
    margin:0;
    align-content: space-between;
    background-color:#FFFFFF;
    position:relative;
}
div[class^="sublayout_row"][class*="_three_column_50_25_25"] .three.columns .column {
    margin:0;
    align-content: space-between;
    background-color:#FFFFFF;
    position:relative;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .container {display:flex;}
.column .fotobar h2,
.column .fotobar h2 a {
    font-size: 1.375rem;
    color: var(--color1);
    background-color:transparent;
    position:static;
}
.column .fotobar h2 a span{background-color:#FFFFFF;color:var(--color1);padding:1rem;z-index:1;font-weight:bold;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar {position:static;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 {overflow:hidden}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a {
    display:flex;
    flex-direction:column-reverse;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar p {margin:0 1rem 1rem;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar a.read-more {display:none;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0; 
    right:0;
    bottom:0;
    box-shadow: 0 0 5px #666666;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a img {
    transform: scale(1.0);
    transition: 0.5s;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a:hover::before,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a:focus::before {
    box-shadow: 0 0 2px #666666;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a:hover img,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .fotobar h2 a:focus img {transform: scale(1.1);}

div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .folder {
    box-shadow: 0 0 5px #666666;
    display: flex;
    flex-direction: column;
    height: 100%;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing h2,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing h2 a,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .folder h2 {
    padding:1rem;
    background-color:transparent;
    font-size: 1.375rem;
    color: var(--color1);
    font-weight:bold;
}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing h2 a {padding:0;}

div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing .container-content,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .folder  .container-content {padding:0 1rem;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing .container-content ul.items {border-top:1px solid var(--color1);}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing .container-content ul.items li a,
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .folder  .container-content ul.items li a {padding:1rem 0.5rem;}
div[class^="sublayout_row"][class*="_three_column"] .three.columns .column .briefing a.read-more {text-align:unset;border-width:0;padding:1rem 0.5rem;}

/* Rechterkolom */
.detail_aside #side-content {margin-top:3rem;}
#side-content .container_aside {margin-bottom:2rem;}
#side-content .side-content .container_aside.container-content p.description,

div.container_aside.folder .container-content p.description {border-bottom-color:var(--color1);font-size:1rem;background-color:transparent;font-weight:normal;padding:0.5rem 0;color:var(--color1)}

div.container_aside > ul, div.container_aside > div {background-color:transparent;border-width:0;}

div.container-content p.description {
    color:var(--color1);
    margin:0.5rem 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

div.container_aside h3,
div.container_aside.vacancy h3 span.title, 
div.container_aside.url h3 a span.title,
div.container_aside.softlink h3 a span.title,
div.container_aside.document h3 a span.title,
div.container_aside.product h3 a span.title{
    background-color:transparent;
    color:var(--color1);
    font-size:1.25rem;
    font-weight:bold;
    margin:0;
    padding:1rem 0;
    border-bottom:1px solid var(--color1);
}
div.container_aside h3 a {color:var(--color1);}
div.container_aside:has(.container-content) h3 a {pointer-events:none;}

div.container_aside.url h3,
div.container_aside.vacancy h3,
div.container_aside.softlink h3,
div.container_aside.document h3 {border-bottom-width:0;}

div.container-content, div.container_aside.briefing .container-content p {padding:0;}
.container_aside ul.items li a,
.container_aside .vacitem button {font-size:1rem;color:#000000;padding:0.5rem;}
.container_aside ul.items li,
.container_aside ul.items li:last-child {border:0 solid var(--color1);border-bottom-width:1px;background-color:transparent;}
.container_aside .objectinfo {font-size:0.875rem;text-align:right;padding:0 0.5rem;}

/* lijsten */
.section ul.items li {
    border-width:0 0 1px;
    border-style:solid;
    border-color:var(--color1);
    margin:0;
    padding:1rem;
    position:relative;
    box-sizing:border-box;
}
.section ul.items li h2 {margin:0;font-weight:700;}
.section ul.items li > a
.section ul.items.three li h2,
.section ul.items.four li h2 {
    font-size:1.125rem;
    font-weight:700;
}
.section ul.items li img {padding:0;float:none;width:auto;height:auto;object-fit:unset;margin:0;display:block;}
.section.briefing ul.items.three li span.item-photo,
.section.briefing ul.items.four li span.item-photo{margin:0 1rem 1rem;width:auto;max-width:none;}
.section.briefing ul.items li img {margin:0 !important;}
.section ul.items li span.item-photo {display:block;overflow:hidden;border-radius:0.75rem;}

.section ul.items li span.item-photo {max-width:25%;margin:0 0 1rem 1rem;float:left;}
.section.folder ul.items li span.item-photo {margin:0 1rem 0 0;}
.section ul.items.three li span.item-photo,
.section ul.items.four li span.item-photo {max-width:100%;margin:0 0 1rem; float:none;}

.section ul.items.four li img,
.section ul.items.masonrycolumn4 li img {max-width:100%;padding:0;}

.section ul.items li img {transform: scale(1.0); transition: 0.5s;}
.section ul.items li:hover img,
.section ul.items li:focus-within img {transform: scale(1.1);}

.section ul.items li p {margin:0;}
.section ul.items li a.item-title,
.section ul.items li ul.subitems li a.item-link {
    font-size:inherit;
    display:block;
    font-weight:inherit;
    color:inherit;
    margin:0 0 1rem;
}
.section ul.items li:has(>ul) h2 a {margin:0;}
.section ul.items li > a.item-title {margin:0;font-size:1.125rem;font-weight:bold;color:var(--color1);}

.section ul.items li ul.subitems {padding:0;}
.section ul.items li ul.subitems li {padding:0;border-width:0;list-style-type:none;}
.section ul.items li ul.subitems li a.item-link {
    padding:0.5rem;
    margin:0;
}

.section ul.items li:not(ul) a::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.section ul.items li:has(>ul) a::after {position:static;}
.section ul.items li {transition:all 0.5s;}

.section ul.items li:not(ul) {padding:0;}
.section ul.items li:not(ul) a.item-title {padding:1rem;margin:0;}
.section ul.items li:not(ul) a:has(.objectinfo) {padding-bottom:0;}
.section ul.items li:not(h2) .objectinfo {display:none;}
.section ul.items li:not(ul) .objectinfo {padding:0 1rem;}
.section ul.items li:not(ul) .description {padding:0 1rem 1rem;}
.section ul.items li:not(ul):hover,
.section ul.items li:not(ul):focus-within {background-color:var(--paarsperc);}


.section ul.items.columns,
.section ul.items.masonry-list {
    display:grid;
    column-gap:3rem;
    columns:unset;
    margin-bottom:0 !important;
}
.section ul.items.columns li {width:100%;float:none;}
.section ul.items.two,
.section ul.items.masonrycolumn2 {
    grid-template-columns: repeat(2, 1fr);
}
.section ul.items.three,
.section ul.items.masonrycolumn3 {
    grid-template-columns: repeat(3, 1fr);
}
.section ul.items.four,
.section ul.items.masonrycolumn4 {
    grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 639px) {
    .section ul.items.two,
    .section ul.items.masonrycolumn2,
    .section ul.items.three,
    .section ul.items.masonrycolumn3,
    .section ul.items.four,
    .section ul.items.masonrycolumn4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .section ul.items li img {max-width:100%;}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
    .section ul.items.two,
    .section ul.items.masonrycolumn2,
    .section ul.items.three,
    .section ul.items.masonrycolumn3,
    .section ul.items.four,
    .section ul.items.masonrycolumn4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .section ul.items li img {max-width:100%;}
}

.section ul.items.masonry-list {
    row-gap:3rem;
}
.section ul.items.masonry-list li.grid-item {
    line-height:normal;
    padding:0;
    margin:0;
    box-shadow: 0 0 5px #666666;
    background-color:#FFFFFF;
}
.section ul.items.masonry-list li.grid-item:hover,
.section ul.items.masonry-list li.grid-item:focus-within {
    box-shadow: 0 0 2px #666666;
    background-color:var(--color520);
}
.section ul.items.masonry-list img {
    max-width:100%;
}
.section ul.items.masonry-list li.grid-item p.description span.item-photo {width:100%;display:block;overflow:hidden;}

.section ul.items.masonry-list li.grid-item h2 {
    font-size:1.125rem;
    padding:0;
    margin:1rem;
}
.section ul.items.masonry-list a.item-title {
    background-image:none;
    padding:0;
}
.section ul.items.masonry-list li.grid-item p.description {padding:0;margin:0 0 1rem;}
.section ul.items.masonry-list li.grid-item p.with-photo.description {padding:0;margin:0;}
.section ul.items.masonry-list li.grid-item p.with-photo.description span {margin:0;}
.section ul.items.masonry-list li.grid-item p.with-photo.description span:nth-last-child(1) {padding:1rem;display:block;}
.section ul.items.masonry-list li.grid-item p.with-photo.description span.dsEditText {padding:0;display:inline;}



/* Beheeromgeving fix - checken of nog nodig */
#dsEditSearchBlock .show_searchbox::before {font-size:22px !important;}
.fdPageHeader {margin:21px 10px 0;line-height:1.1;font-family: 'Roboto', 'Open sans', Arial, Verdana;}

/* Verberg niet gebruikte layouts */
#DsEditLogicGroup_layout ul.icon-list li.layouts:nth-child(-n+6),
#DsEditGroup_website #std_layout-icon-list li:nth-child(-n+6),
#DsEditGroup_layoutselection #std_layout-icon-list li:nth-child(-n+6) {display:none;}

/* Stops Safari / ios to give inputs a border-radius */
input[type="search"],
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.detail_aside #row1,
.overview_folder #row1 {
    background-image: none;
}

.detail_aside #row1 #bannerfoto,
.overview_folder #row1 #bannerfoto {display:none}
form.simpleform .checkfields li {display:flex;}

@media only screen and (min-width: 960px) {
    .error #header {
        box-shadow: 0 0 10px 0 #00000050;
    }
    .error .menu-horizontal li.first-child {
        transition: all 0.5s;
        margin-left: calc(var(--logowidth) + 2rem);
    }
}
.error a#logo {
    padding: 0 0 1rem 0;
}
.error div#menu_wide {
    position: absolute;
    top: -60px;
    width:100%;
}
.error ul.menu-horizontal a {
    color: var(--color1);
    font-size: 1.5rem;
} 
div.swiper {overflow:hidden;margin:0;}
.slider_titlebar {margin:0;}
body.layout_four .onecolumn .landing.newsbanner_slider ul.items {margin-bottom:4rem;}
.onecolumn .landing.newsbanner_slider ul.items .column {border-width:0;border-radius:1rem;text-align:center;}
.onecolumn .landing.newsbanner_slider ul.items li a span.image {overflow: hidden;display:block;}
.onecolumn .landing.newsbanner_slider ul.items li a span.image img {transform: scale(1.0);transition: 0.5s;}
.onecolumn .landing.newsbanner_slider ul.items li a:hover span.image img, 
.onecolumn .landing.newsbanner_slider ul.items li a:focus span.image img {transform: scale(1.1);}
.onecolumn .landing.newsbanner_slider ul.items li a span.title {transition:all 0.5s;padding: 1rem;font-weight:700;font-size: 1.375rem;color: var(--oranje);display:inline-block;}
.onecolumn .landing.newsbanner_slider ul.items li a:hover span.title,
.onecolumn .landing.newsbanner_slider ul.items li a:focus span.title {letter-spacing:0.9px;text-shadow: 0 0 .9px var(--oranje), 0 0 .9px var(--oranje), 0 0 .9px var(--oranje);}

.briefingslider.newsbanner_slider ul.controls {background-color:transparent;width:100%;text-align:center;padding:0;}
.briefingslider.newsbanner_slider ul.controls li button {
    border-radius:22px;
    box-sizing:border-box;
    width:44px;
    height:44px;
    border:2px solid var(--oranje);
    background-color:var(--oranje);
    color:var(--wit);
    background-repeat:no-repeat;
    background-position: 16px center;
    background-size: 11px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M2.49 16.78c-.37.37-.96.37-1.33 0l-.89-.88a.924.924 0 0 1 0-1.32l6.02-6.04L.27 2.48a.942.942 0 0 1 0-1.32l.89-.89c.37-.37.96-.37 1.33 0l7.59 7.59c.37.37.37.96 0 1.33l-7.59 7.59z'/%3E%3C/svg%3E%0A");
}
.briefingslider.newsbanner_slider ul.controls li button:hover,
.briefingslider.newsbanner_slider ul.controls li button:focus {
    color:var(--oranje);
    background-color:var(--wit);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' xml:space='preserve'%3E%3Cpath fill='%23eb6502' d='M2.49 16.78c-.37.37-.96.37-1.33 0l-.89-.88a.924.924 0 0 1 0-1.32l6.02-6.04L.27 2.48a.942.942 0 0 1 0-1.32l.89-.89c.37-.37.96-.37 1.33 0l7.59 7.59c.37.37.37.96 0 1.33l-7.59 7.59z'/%3E%3C/svg%3E%0A");
}
.briefingslider .controls li button.btn-prev { transform: scaleX(-1);}
.briefingslider .controls li button.btn-prev::after,
.briefingslider .controls li button::after {content:"";}

/* Locatieobjecten aanklikbaar maken */ 
.section ul.items.mappoints li:not(ul) a.mapmarker,
.section ul.items.mappoints li:not(ul) a.linkaddress {
    z-index: 1;
    position: relative;
}
.section ul.items.mappoints li:not(ul) a.mapmarker::after,
.section ul.items.mappoints li:not(ul) a.linkaddress::after {position:static}