/* kleuren */
:root {
    --color1: #230F3B;
    --color110: #230F3B10;
    --color150: #230F3B50;
    --color2: #FFFFFF;
    --color3: #461F77;
    --color4: #FFFFFF;
    --color5: #461F77;
    --color6: #FFFFFF;
    --color510: #461F7710;
    --color520: #461F7720;
    --color530: #461F7730;
    --linkcolor: #230F3B;
    --bordercolor: #230F3B;
}

/* Hoogcontrast */
:root.highcontrast {
    --color1: #000000;
    --color150: #777777;
    --color2: #FFFFFF;
    --color3: #000000;
    --color4: #FFFFFF;
    --color5: #000000;
    --color6: #FFFFFF;
    --color520: #e5e5e510;
    --color530: #d9d9d930;
    --linkcolor: blue;
    --bordercolor: #d9d9d9;
}

/* overige settings */
:root {
    --logobasewidth: 250px;
    --logobaseheight: 155px;
    --logowidth: var(--logobasewidth);
    --logoheight: var(--logobaseheight);
    --headerphotobaseheight: 580px;
    --contentpagetopmargin: -580px;
    --headerphotoheight: var(--headerphotobaseheight);
}

/* LET OP: deze ID's zijn voor TEST
body:not(.layout_four) #row1 {background-image:url('/dsresource?objectid=c3118298-0d6b-470d-a285-575366a2dd4d&type=ORG');}
div#footer {background-image: url('/dsresource?objectid=10e5351c-c3d5-4f05-8242-9546ce5b3f60');}
*/
/* LET OP: deze ID's zijn voor PROD */
body:not(.layout_four) #row1 {background-image:url('/dsresource?objectid=c25fefba-9781-42d7-8dc4-477fa6414a4d&type=ORG');}
div#footer {background-image: url('/dsresource?objectid=e2bef4b7-f5a2-4fbf-995f-d7fd6e9d757f');}


    #social-sharing ul.icon-list {padding:0;}
	#social-sharing button.toggle_hidden_information,
	#social-sharing .list-icon,
	a.list-icon, 
	#social-sharing a.list-icon.whatsapp-icon{color:var(--color1);}
	#social-sharing button.toggle-active,
	#social-sharing button.toggle_hidden_information:focus, 
	#social-sharing button.toggle_hidden_information:hover{background-color:var(--color1);color:var(--color2);}
	#social-sharing div.hidden_information{border-color:var(--color1);padding:0.5rem;}
	
	div#content-footer{
	    min-height:unset;
	    margin:2rem 0 0;
	}
	div#content-footer #social-sharing {position:static;}
	div#content-footer #social-sharing ul.icon-list {margin-bottom:0;}
	div#content-footer #actions p {margin-bottom:0;}

#tinybar {background-color: var(--color5);}
#tinybar #accessibility-tools button.switch {color:var(--color5);}
#tinybar #accessibility-tools button.switch:hover .hint, 
#tinybar #accessibility-tools button.switch:focus .hint {color:var(--color5);}
#tinybar button.switch:hover::before, 
#tinybar button.switch:focus::before {background-color:var(--color5);}


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

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

/* Rij 1 met en zonder kruimelpad */
div#row1 {}
div#row1.row1_breadcrumb {background-position:center top;}
div#row1.row1_breadcrumb nav {padding:2rem 0;margin:0;color:var(--color6);line-height:normal;}
div#row1.row1_breadcrumb nav ol,
div#row1.row1_breadcrumb nav ol a{color:var(--color6);}
#wrapper #row2.row2_content {position:relative;background-color:var(--color510);margin-top:var(--contentpagetopmargin);padding-bottom:3.335rem;}
.row2_content .contentrow {box-sizing:border-box;border-radius:1rem;background-color:#FFFFFF;padding:0 3.3335rem 3.335rem;}

div#bannerfoto {height: var(--headerphotobaseheight);}
.layout_four div#bannerfoto {display:none;}
#row1.sublayout_row1_two-columns .two.columns {margin:0;}
#row5.sublayout_row5_two-columns6633 .two.columns {margin:3rem 0;}

#wrapper #row1.sublayout_row1_two-columns {padding:3rem 0;background-color:var(--color520);background-image:unset;}
#wrapper #row1.sublayout_row1_two-columns .columns,
#wrapper #row1.sublayout_row1_two-columns .column{display:flex;}
.sublayout_row1_two-columns .container .softlinks,
.sublayout_row1_two-columns .container .fotobar {display:flex;position:static;flex-direction:column;}
.sublayout_row1_two-columns .container {height:100%;position:relative;margin:0;border-radius:0.5rem;overflow:hidden;background-color:#FFFFFF;}
.sublayout_row1_two-columns .container h2 span {transition:all 0.5s; background-color:var(--color2);z-index:2;border-top:1rem solid var(--color2);border-bottom:1px solid var(--color1);padding:0 0 0.5rem !important;margin:0 1rem;}
.sublayout_row1_two-columns .container:hover p,
.sublayout_row1_two-columns .container:focus-within p {color:var(--color2);}
.sublayout_row1_two-columns .container h2 a::after {transition:all 0.5s;display:block;content:"";position:absolute;left:0; right:0;bottom:0; top:0;}
.sublayout_row1_two-columns .container h2 a:hover::after,
.sublayout_row1_two-columns .container h2 a:focus::after{background-color:var(--color1);}
.sublayout_row1_two-columns .container img {z-index:1;transition: 0.5s;}
.sublayout_row1_two-columns .container h2 a:hover,
.sublayout_row1_two-columns .container h2 a:focus {color:var(--color2);text-decoration:none;}
.sublayout_row1_two-columns .container h2 a:hover span,
.sublayout_row1_two-columns .container h2 a:focus span {color:var(--color2);background-color:var(--color1);border-top-color:var(--color1);border-bottom-color:var(--color2);}
.sublayout_row1_two-columns .container h2,
.sublayout_row1_two-columns .container h2 a {z-index:1;position:static; background-color:transparent;color:var(--color1);}
.sublayout_row1_two-columns .container h2 a {display:flex;flex-direction:column-reverse;}
.sublayout_row1_two-columns .container p {margin:0 1rem 1rem;padding:1rem 0 0;z-index:1;pointer-events: none;
    overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
}

.sublayout_row1_two-columns .container:focus-within p {color:var(--color2);}
.sublayout_row1_two-columns .container a.read-more {display:none;}
.container.landing h2 a span span.dsEditText {border-width:0;padding:0 !important;margin:0 !important;transition:unset;background-color:unset;color:unset;}

/* lettertypes */

body,
p,
dl,
ul,
ol,
table,
.items p.description,
.subitems p.description {
	font-family: "Open 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;}

h1, h2, h3, h4, h5, h6  {
    color:var(--color1);
    font-family: "Open sans", Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height:normal;
}
h1 {font-size:2.3335rem;margin:3rem 0 2rem;}
h2 {font-size:1.5556rem; margin:2rem 0 1.25rem;}
.items h2 {font-size:1.5556rem}
h3 {font-size:1.388rem;margin:2rem 0 1rem;font-weight:700;}
#product-description h3,
#product-conditions h3,
#product-price h3,
#product-details h3,
#product-order h3,
#product-application h3,
#product-tips h3 {font-size:1.388rem;margin:2rem 0 1rem;font-weight:500;color: var(--color1);}
.items h3,
.container h3 {font-size:1.388rem;}
h4 {font-size:1.1667rem;margin:0;}
.items h4 {font-size:1.667rem;margin:0 0 1.25rem;}
h5 {font-size:1rem;margin:0;}
h6 {font-size:1rem;margin:0;}

/* Beschrijving na een H1 - detailpagina */
#wrapper h1 ~ .description,
#wrapper h2 ~ .description {font-size:1rem;color:var(--color1); font-weight:500;}

/* 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:16px}
    html.largebodyfont {font-size:18px !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    html {font-size:16px}
    html.largebodyfont {font-size:18px !important;}
}
@media only screen and (min-width: 1360px) and (max-width: 1539px) {
    html {font-size:16px}
    html.largebodyfont {font-size:18px !important;}
}
@media only screen and (min-width: 1540px) {
    html {font-size:18px;}
    html.largebodyfont {font-size:20px !important;}
}

/*----------- Webeditor stijlen -----------*/
a.modalLightbox {border-radius:0.5rem; overflow:hidden;}
#wrapper p.emphasisgreen {padding:0.5rem;background-color:var(--color520);display:inline-block;}
#wrapper p.emphasisyellow {padding:0.5rem;background-color:#FF6700;display:inline-block;}
#wrapper p.emphasisyellow a {color:#000000;}
#wrapper p.emphasisred {padding:0.5rem;background-color:#DD0000;color:#FFFFFF;display:inline-block;}
#wrapper p.emphasisred a {color:#FFFFFF;}

blockquote {padding:2rem 2rem 1rem;background-color:var(--color520);border-width:0;margin:2rem;width:50%;}
blockquote h2 {margin-top:0;}
cite {text-align:right;display:block;width:100%;}

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

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

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

/* Actieve knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
body button.blocktitle.toggle-active,
body button.blocktitle.toggle-active:hover,
body button.blocktitle.toggle-active:focus,
body .product button.blocktitle.toggle-active {border-radius:0.5rem 0.5rem 0 0;background-color:var(--color1);color:var(--color2);}

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


/* Hover en focus opties voor knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
body button.blocktitle:focus,
body button.blocktitle:hover,
body .product button.blocktitle:focus,
body .product button.blocktitle:hover {border-radius:0.5rem;background-color:var(--color1);color:var(--color2);}

/* Hover en focus opties voor actieve knop - optie om een verschil te maken tussen een webbpagina uitklap en een product uitklap */
body button.blocktitle.toggle-active:hover,
body button.blocktitle.toggle-active:focus,
body .product button.blocktitle.toggle-active:hover,
body .product button.blocktitle.toggle-active:focus {background-color:var(--color1);color:var(--color2);}

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

/* Table cel uitlijning */
.section table tr,
.section table th,
.section table td {text-align:left;padding:0.25rem;border-color:var(--color5);}

/* Table header - bijv: font-weight:700; */
.section table thead th,
.section table tbody th {font-weight:700;}

/* Table even en oneven rijen een eigen stijl, bijv achtergrondkleur */
.section table tr:nth-child(even) {}
.section table tr:nth-child(odd) {}

/* Tabel stijl .raster1 */
table.raster1 {border-color:transparent;}
table.raster1 thead th,
table.raster1 tbody th {border-color:transparent;background-color:var(--color530);}
table.raster1 tbody td{border-color:transparent;}
table.raster1 tr:nth-child(even) {border-color:transparent;background-color:var(--color520);}
table.raster1 tr:nth-child(odd) {border-color:transparent;}

/* Tabel stijl .raster2 */
table.raster2 thead th,
table.raster2 tbody th {}
table.raster2 td:nth-child(odd) {}
table.raster2 td:nth-child(even) {}

/* Tabel stijl .raster3 */
table.raster3 thead th,
table.raster3 tbody th {}
table.raster3 tr:nth-child(even) {}
table.raster3 tr:nth-child(odd) {}


/*----------- CALL TO ACTION -----------*/

.container_aside.landing.briefing a.read-more,
a.calltoaction,
a.calltoaction.new-window.external,
a.calltoaction.new-window,
a.calltoaction.external {
    line-height:normal;
    border-radius:1.11rem;
    padding:0 0.5rem 0 1.25rem;
    min-height:2.222rem;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-weight:normal;
    color:#000000;
    text-decoration:none;
    background-color:#C5A900;
    border:0 solid #000000;
    transition:all 0.5s;
}
.container_aside.landing.briefing a.read-more::after,
a.calltoaction::after {
    content:"\f054";
    font-family:fontawesome;
    padding-left:1rem;
    transition:padding 0.5s;
}

.container_aside.landing.briefing a.read-more:hover,
.container_aside.landing.briefing a.read-more:focus,
a.calltoaction:hover,
a.calltoaction:focus,
a.calltoaction.new-window.external:hover,
a.calltoaction.new-window.external:focus,
a.calltoaction.new-window:hover,
a.calltoaction.new-window:focus,
a.calltoaction.external:hover,
a.calltoaction.external:focus {
    background-color:#000000;
    color:#C5A900;
    text-decoration:none;
    padding-right:0.25rem;
    transition:all 0.5s;
}
.container_aside.landing.briefing a.read-more:hover::after,
.container_aside.landing.briefing a.read-more:focus::after,
a.calltoaction:hover::after,
a.calltoaction:focus::after {
    padding-left:1.25rem;
    transition:padding 0.5s;
}

/* Responsive algemeen */

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

div.grid-16 {width:100%;margin:0;box-sizing:border-box;float:none;display:block;}
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;}
.layout_search div.grid-11 {margin:0 0 0 2.5rem;}

/* Mobiel */
@media only screen and (max-width: 512px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11,
    .layout_search div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
	.row2_content .contentrow {padding:0 1.5rem 1.5rem;}
	body:not(.layout_four) div#bannerfoto {display:block;}
	#footer_columns {flex-direction:column;}
	#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column {width:100%;}
	#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns {gap:0 !important;flex-direction:column !important;}
	div#row1.row1_breadcrumb nav {padding:1rem 0;}
}
@media only screen and (min-width: 513px) and (max-width: 767px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11,
    .layout_search div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
	.row2_content .contentrow {padding:0 1.5rem 1.5rem;}
	body:not(.layout_four) div#bannerfoto {display:block;}
	#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column {width:100%;}
	#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns {gap:0 !important;flex-direction:column !important;}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11,
    .layout_search 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;}
    ul.onlytoptasks.columns {gap:3rem;}
}
/* 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}
    ul.onlytoptasks.columns {gap:1rem}
}
/* Klein scherm */
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    .contentrow {width:1000px;}
    body.menutype_horizontal ul#dl-menu {width:1000px}
     ul.onlytoptasks.columns {gap:1rem}
}
/* Normaal scherm */
@media only screen and (min-width: 1360px) and (max-width: 1539px) {
    .contentrow {width:985px;}
    body.menutype_horizontal ul#dl-menu {width:985px}
    ul.onlytoptasks.columns {gap:1rem}
}
/* Groot scherm */
@media only screen and (min-width: 1540px) {
    .contentrow {width:1440px;}
    body.menutype_horizontal ul#dl-menu {width:1440px}
    ul.onlytoptasks.columns {gap:3rem;}
}
@media only screen and (min-width: 960px) {
    body.menutype_horizontal ul#dl-menu {height:0;}
}

/* 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: 500;
}

.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 */
.fixed_header a#logo img {height:var(--logoheight);width:var(--logowidth);max-width:unset;}
.fixed_header #header {min-height:0px;height:unset;transition:all 0.5s;box-shadow: 0 0 10px 0 #00000050;}
.fixed_header a#logo {padding:0;}
.fixed_header a#logo img {padding:0 0 1rem 0;transition:all 0.5s;}

@media only screen and (max-width: 959px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.5);
        --logoheight: calc(var(--logobaseheight) * 0.5);
    }
    .fixed_header a#logo img {max-width:unset;max-height:unset;margin-bottom:4rem;padding-bottom:0;}
}
@media only screen and (min-width: 960px)  {
    .scrolled_past_header a#logo img {padding:1rem 0 0;clip-path: inset(0 0 26px 0);transition:all 0.5s;width:calc(var(--logowidth) / 1.75);height:calc(var(--logoheight) / 1.75);}

    body:has(.sublayout_row2_topsix_search) #tinyblock #quicksearch {opacity:0;width:0;transition:all 0.2s;}
    body.scrolled_past_header:has(.sublayout_row2_topsix_search) #tinyblock #quicksearch {opacity:1;width:217px;}
    
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.6);
        --logoheight: calc(var(--logobaseheight) * 0.6);
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.7);
        --logoheight: calc(var(--logobaseheight) * 0.7);
    }
}
@media only screen and (min-width: 1360px) and (max-width: 1539px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.8);
        --logoheight: calc(var(--logobaseheight) * 0.8);
    }
}

/* Menu - naast logo bij fixed menu */
@media only screen and (max-width: 959px) {
    .fixed_header #menu_wide {z-index:5;top:-50px;height:0;}
    ul#dl-menu {box-shadow: 0 5px 10px 0 #00000050;}
    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);}
}
@media only screen and (min-width: 960px)  {
    div#menu_wide {height:0;}
    .fixed_header div#menu_wide {
        transition:all 0.5s;
        top: calc(var(--logoheight) / 1.5); /* deze als de compacte balk is ingesteld */
        top: calc(var(--logoheight) / 1.5 + 44px); /* deze als de balk is ingesteld */
        z-index: 9 !important;
        background-color: transparent;
    }
    .fixed_header.scrolled_past_header div#menu_wide {
        top: calc(var(--logoheight) / 3.4); /* deze als de compacte balk is ingesteld */
        top: calc(var(--logoheight) / 3.4 + 35px); /* deze als de balk is ingesteld */
        box-shadow: unset;
        transition:all 0.5s;
    }
    .fixed_header .menu-horizontal li.first-child {transition:all 0.5s;margin-left:calc(var(--logowidth) + 2rem);}
    .fixed_header.scrolled_past_header .menu-horizontal li.first-child {transition:all 0.5s;margin-left:calc(var(--logowidth) / 2 + 1rem);}
    .fixed_header.scrolled_past_header .menu-horizontal li li.first-child {margin-left:0;}
    .fixed_header ul.menu-horizontal a {font-size:1.15rem;}
    .fixed_header.scrolled_past_header ul.menu-horizontal a {font-size:1.25rem;}
    body.menutype_horizontal ul.dropdown ul.dropdownmenu {width:960px;left:0;right:0;margin:0 auto;columns:2;}
    body.menutype_horizontal ul.dropdown ul.dropdownmenu li {width:100%;break-inside: avoid-column;}
    body.menutype_horizontal ul.dropdown li.active_list ul.dropdownmenu {top:37px;}
    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {
        border-bottom:1px solid var(--color150);
        font-size: 1rem;
        margin: 0 0.5rem 0;
        padding: 0.5rem !important;
        transition: all 0s 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(--color520);}
    body a.skip-link.display-in-place-on-focus {background-color:#FFFFFF !important;display:none;}
    
    .fixed_header ul.menu-horizontal li a.toplevellink {color:var(--color1);}
    .singlemenu li:hover > a, .singlemenu li a.show-menu,
    .fixed_header ul.menu-horizontal li.active a.toplevellink {background-color:transparent;color:var(--color1);}
}
#quicksearch-keywords_suggestions ul a {font-size:12px;}
@media only screen and (max-width: 959px)  {
    #tinyblock {height:125px;}
    #tinyblock form#quicksearch {top:0;position:relative;height:auto;}
    #quicksearch-keywords_suggestions {position:absolute;}
    #tinyblock form#quicksearch input.text {height:38px;}
    #tinyblock form#quicksearch button.submit {min-height:34px;}
    
}

/* openingstijden home */
#row1.sublayout_row1_one-columns {background-color:#FFFFFF !important;background-image:none;}
    .mapoverview.landing {
        padding:1rem 1rem 0;
        background-color:#FFFFFF;
        margin:0;
    }
@media only screen and (min-width: 960px)  {
    .sublayout_row1_one-columns .contentrow {position:relative;}
    .sublayout_row1_one-columns .contentrow .onecolumn {
        position:absolute;
        left:0;
        right:0;
        height:460px;
        width:38%;
        z-index:1;
        align-items:center;
        display:flex;
    }

    .mapoverview.landing {
        border-radius:0.5rem;
    }
}
.mapoverview.landing h2 {
    background-color:#FFFFFF;
    color:var(--color1);
    margin:0 0 0.25rem;
    padding:0;
    font-size:1.25rem;
}
.mapoverview.landing h3 {font-size:1.15rem;}
.mapoverview.landing p.description {margin:0 0 0.25rem;}
.mapoverview.landing p, .mapoverview.landing a, .mapoverview.landing h3, .mapoverview.landing h4, 
.mapoverview.landing h5, .mapoverview.landing h6, .mapoverview.landing ul, .mapoverview.landing ol {padding:0;margin:0 0 0.25rem;color:var(--color1);}
.mapoverview.landing a.read-more {display:none;}
.mapoverview.landing .visitaddress, .mapoverview.landing .visittime, .mapoverview.landing .postaddress {padding:0;border-width:0;}
.visittime .location_open, .visittime .location_closed, .visittime .location_open.nexttime {font-size:1rem;}

/* 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;flex-direction:row;overflow:unset;}
ul.onlytoptasks.columns li.column {float:none;margin:0;flex: 1 1 0;width:auto;display:flex;}
ul.onlytoptasks.columns li.column a {min-height:unset;}

ul.onlytoptasks li.column a {display:flex;flex-direction:column;    justify-content: space-evenly;}
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#row2.sublayout_row2_topsix_search {
    background-position:center top !important;
}
div.topsix_search.with_toptasks {padding:0;}
div.topsix_search.with_toptasks .bottomspace {overflow:unset;}

ul.onlytoptasks li.column a {
    padding:0.25rem;
    background-color:var(--color2);
    color:var(--color1);
    font-size:1.223rem;
    font-family: "Open sans", Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    border-radius:0.5rem;
    border:1px solid var(--color1);
}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {background-color:var(--color1);color:var(--color2);}
@media only screen and (min-width: 640px) {
    ul.onlytoptasks li.column a img {max-width:80px;max-height:80px;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    ul.onlytoptasks.columns {gap:3rem;}

}

ul.onlytoptasks li.column a:hover img,
ul.onlytoptasks li.column a:focus img {filter: brightness(0) invert(1);}

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

#row2, #row3 {padding:3rem 0;}
#row2[class*="_thematictabs"] {padding:3rem 0 0;}
#row4.sublayout_row4_one-columns {padding:3rem 0;}
#row2.row2_content,
#row2.sublayout_row2_topsix_search {padding:0;}
#row4.sublayout_row4_thematictabs {padding:3rem 0 0;}

/* of zocht u */
.layout_four .section.folder h2 {border-bottom:1px solid var(--color1);margin:0; padding-bottom:1.5rem;}
.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-bottom:1px solid var(--color150);
    padding:0.88rem 0.5rem;
    font-size:1rem;
    font-weight:normal;
    color:#000000;
    height:100%;
    align-items:center;
    margin:0;
}

.layout_four .section.folder ul.columns {column-gap: 1rem;display:grid;}
.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(--color520);}
.layout_four .section.folder ul.columns li.last-column a {margin-right:0;}

.layout_four .section.folder ~ .section.document h2 {display:none;}
.layout_four .section.folder ~ .section.document {margin-top:1.5556rem;}
.layout_four .section.folder ~ .section.document p {margin-bottom: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);}
    #wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns {flex-direction: column;gap:1rem}
    #wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column {width:100%;}
    #wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .container {margin-bottom:1rem;}
    #row2, #row3 {padding:1.5rem 0;}
    div#row1.row1_breadcrumb {background-size:auto 250px;}
}
@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);}
    div#row1.row1_breadcrumb {background-size:auto 250px;}
}
@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);}
}
@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);}
}


/* Thema blokken */
.layout_four .contentrow {overflow:unset;}
div[class$="_one-columns"] {background-color:var(--color520) !important;}
.onecolumn .landing.folder {margin:0;}
.onecolumn .landing.folder ul.items {
    display: grid;
    gap: 3rem;
    overflow:unset;
}
@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 {padding:0;border-radius:0.5rem;margin:0;border-width:0;width:100%;float:none;}
.onecolumn .landing.folder ul.items li.column a {align-content:start;color:var(--color1);}
.onecolumn .landing.folder ul.items li.column span.title {transition:all 0.5s; display:flex;padding:1rem;text-align:center;font-size:1rem;font-weight:500;color:var(--color1);}
.onecolumn .landing.folder ul.items li.column a:hover, 
.onecolumn .landing.folder ul.items li.column a:focus {background-color:var(--color1)}
.onecolumn .landing.folder ul.items li.column a:hover span.title,
.onecolumn .landing.folder ul.items li.column a:focus span.title,
.onecolumn .landing.folder ul.items li.column a:hover::after,
.onecolumn .landing.folder ul.items li.column a:focus::after {color:var(--color2);}
.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:unset;margin:0;display:flex;}
#thematictabs .briefing.container {margin:0;}
#thematictabs button[role="tab"] {font-size:1.125rem;margin-top:0;}
#thematictabs button[role="tab"]:first-child {border-top-left-radius:0.5rem;}
#thematictabs button[role="tab"]:last-child {border-top-right-radius:0.5rem;}
.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 {font-size:1.5556rem;background-color:transparent;color:var(--color1);position:static;border-bottom:1px solid var(--color1);margin:0 0 1rem;padding:0.25rem 0 0.5rem;}
#thematictabs h2.offscreen {margin-bottom:0;}
@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 {margin-bottom:0;border-bottom:1px solid var(--color150);padding:0;}
#thematictabs ul.items li a {padding:1rem;display:block;}
#thematictabs .items .item-title {font-size:1.125rem;margin:0 0 0.5rem;}
#thematictabs ul.items li a:hover,
#thematictabs ul.items li a:focus {text-decoration:none;background-color:var(--color520);}
#thematictabs ul.items li a:hover h3,
#thematictabs ul.items li a:focus h3 {text-decoration:underline;}
#thematictabs ul.items .item-photo {padding:0;margin:0 1.125rem 0 0;overflow:hidden;border-radius:0.5rem;}
#thematictabs ul.items li p {margin-bottom:0;}
#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);}

/* nieuws blokken */
.photocontainer {border-radius:0.5rem; overflow:hidden;}
.briefingslider .carousel.with-slidenav .slide {border-radius:0.5rem;}
.briefingslider ul.slidenav {background-color:transparent;padding:1rem 0 0;}
.briefingslider ul.photocontainer li a h3 {font-weight:500;}
.briefingslider ul.photocontainer li a p {
    overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.briefingslider .slide a:hover,
.briefingslider .slide a:focus {text-decoration:none;}
.briefingslider .slide a:hover h3,
.briefingslider .slide a:focus h3 {text-decoration:underline;}
.briefingslider .slidenav li {margin:0 6px;}
.briefingslider .slidenav button,
.briefingslider .slidenav button.current {background-color:var(--color1);color:var(--color2);}
.briefingslider .slidenav button[data-action="stop"],
.briefingslider .slidenav button[data-action="start"],
.briefingslider .slidenav button.current {border-radius:0.25rem;}
.sublayout_row5_two-columns6633 .width-33 .section {margin-bottom:1.5556rem;}
.sublayout_row5_two-columns6633 .width-33 .section.document h2 {display:none;}
.sublayout_row5_two-columns6633 .section img {border-radius:0.5rem;}

.sublayout_row5_two-columns6633 .width-33 div.container_aside.landing.briefing h2,
.sublayout_row5_two-columns6633 .width-33 div.container_aside.landing.folder h2 {
    background-color:transparent;
    color:var(--color1);
    font-size:1.5556rem;
    font-weight:500;
    margin:0;
    padding:0 0 1rem;
    border-bottom:1px solid var(--color1);
}
.sublayout_row5_two-columns6633 .width-33 div.container_aside.landing.briefing h2 a {
    background-color:transparent;
    color:var(--color1);
    font-size:1.5556rem;
    font-weight:500;
    padding:0;
    margin:0;
    border-width:0;
}

/* 3 kolommen landingspagina */
.column .container_aside.landing.folder ~ .section.document h2,
.column .container_aside.landing.briefing ~ .section.document h2 {display:none;}

/* footer */
div#content-footer {border-top:0;padding:0;}
.footer_website {border-top:2px solid var(--color1);background-color:var(--color520);}
#footer_columns {padding:0; display:flex;}
#footer_columns #contact {display:none;}
#footer_columns {padding:3rem 0;}
div#footer {
    margin-bottom:2rem;
    padding-top:100px;
    background-position:top center;
    background-repeat:no-repeat;
}
@media only screen and (max-width: 1539px) {
    div#footer{background-size:80% auto;}
}

div#footer ul.quicklinks {float:none;text-align:center;}
div#footer ul.quicklinks li a img {vertical-align:middle;}

@media only screen and (max-width: 639px) {
    div.topsix_search #sublayout_search input.text.placeholder {text-indent:-999999em;}
    div.topsix_search #sublayout_search input.text {font-size:1rem;}
    div.topsix_search.with_toptasks #sublayout_search {width:96%;margin:0 auto 1rem;}
    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;padding-bottom:0;}
    ul.onlytoptasks.columns li.column a img {margin:0.5rem;flex-grow:0;width:38px;height:38px;}
    #thematictabs {displaY:block;}
    #wrapper #row1.sublayout_row1_two-columns .columns,
    #wrapper #row1.sublayout_row1_two-columns .column {display:block;}
    .briefingslider ul.photocontainer li a h3 {font-size:1rem;}
    .briefingslider ul.photocontainer li a p {
        overflow: hidden;
        display: -webkit-box;
       -webkit-line-clamp: 1; /* number of lines to show */
               line-clamp: 1; 
       -webkit-box-orient: vertical;
       margin-bottom:0;
    }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
    div.topsix_search #sublayout_search input.text {font-size:1.15rem;}
    div.topsix_search.with_toptasks #sublayout_search,
    ul.onlytoptasks {width:85%;margin:0 auto 1rem;}
    ul.onlytoptasks.columns li.column {margin:0;flex: 1 1 30%;}
    #thematictabs {displaY:block;}
}
@media only screen and (min-width: 960px) {
    ul.onlytoptasks.columns li.column a {aspect-ratio:1/1;}
}

/* Zoekbalk gecentreerd */
div.topsix_search #sublayout_search {
    margin-left:auto;
    margin-right:auto;
    height:460px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    box-shadow:unset;
}
#searchinput_suggestions {top:56.56%;}
div.topsix_search #sublayout_search input.text{font-size:1.15rem;padding:0.5rem 6rem 0.5rem 1rem;border:1px solid var(--color1);border-radius:0.5rem;}

div.topsix_search #sublayout_search button.submit::before {
    font-size:2rem;
    color:var(--color1);
}
@media only screen and (max-width: 639px)  {
    div.topsix_search #sublayout_search {
        width:50%;
    }
    div.topsix_search #sublayout_search input.text{
        height:4rem;
        font-size:1.1rem;
    }
    div.topsix_search #sublayout_search button.submit{
        height:4rem;
    }
}
@media only screen and (min-width: 640px)  {
    div.topsix_search #sublayout_search {
        width:50%;
    }
    div.topsix_search #sublayout_search input.text{
        height:4rem;
        font-size:1.1rem;
    }
    div.topsix_search #sublayout_search button.submit{
        height:4rem;
    }
}

/* 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 h2:nth-child(1) {
    font-size: 2rem;
    margin: 1.5rem 0 2rem;
}


/* 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 1rem;}

.container.landing.vacancy h2,
.container_aside.landing.briefing h2 {
    padding: 0;
    font-size: 1.8333rem;
    position: relative;
    background-color:transparent;
    color:var(--color1);
    
}
.container.landing.vacancy h2 a,
.container_aside.landing.briefing h2 a {
    background-color:transparent;
    color:var(--color1);
    font-size:1.8333rem;
    margin:0;
    padding:1rem 0;
    border-bottom:1px solid var(--color1);
}
#side-content #get_box h3,
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{
    position:static;
    background-color:transparent;
    color:var(--color1);
    font-size:1.25rem;
    font-weight:500;
    margin:0;
    padding:1rem 0;
    border-bottom:1px solid var(--color1);
}
div.container_aside h3 a {color:var(--color1);}

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.88rem;}
#side-content #get_box ul.subitems li,
.container_aside ul.items li,
.container_aside ul.items li:last-child {border:0 solid var(--color150);border-bottom-width:1px;background-color:transparent;}
.container_aside .objectinfo {font-size:0.875rem;text-align:right;padding:0 0 0 0.5rem;display:inline-block;}

#get_box a.calltoaction {
    background-color:transparent;
    min-height:unset;
    font-size: 1rem;
    color: #000000;
    padding: 0.88rem;
    border-radius:0;
}
#get_box a.calltoaction:hover,
#get_box a.calltoaction:focus {
    background-color: #dad3e4;
}
#get_box a.filetype::before {color:var(--color1);}
#get_box a.filetype:hover::before,
#get_box a.filetype:focus::before {color:var(--color1);}
#get_box a.calltoaction::after {content:"";padding:0;}

/* Zoekresultaten */
.search-results ul.items.promoted li {padding:0.5rem 0.5rem 0.5rem 1rem;}
.search-results ul.items li .promoted {background-color:var(--color1);color:var(--color2);padding:0.25rem;}

/* Lijsten */
ul.columns {display:flex;flex-wrap:wrap;}
div.columns .column {display:flex;flex-direction:column;}

.search-results ul.items li a:hover,
.search-results ul.items li a:focus {text-decoration:underline;}
li .dsEditText {display:inline;}
.items li,
.items li.last-child {box-sizing:border-box;position:relative;padding:0.5rem;margin:0; border-bottom:1px solid var(--color150);}
.section ul.items li a {margin-right:2rem;}
/*
.section ul.items li a::after {
    content:"";
    background-repeat:no-repeat;
    background-position:right 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='%23230F3B' 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");
    width:1rem;
    height:2rem;
    display:inline-block;
    position:absolute;
    right:0.5rem;
}*/
.section ul.items li a::before {transition:all 0.5s;display:block;content:"";position:absolute;left:0; right:0;bottom:0; top:0;}
.section ul.items li a:hover::before,
.section ul.items li a:focus::before{background-color:var(--color520);}
.section ul.items li p.description {margin:0;font-weight:normal !important;}
.section ul.items h2 .item-title,
.section ul.items h3 .item-title  {font-size:inherit;font-weight:inherit;color:inherit;}
.section ul.items li a.item-title,
.section ul.items h2,
.section ul.items h3 { margin:0 0 0.5rem;font-weight:500;color:var(--color1);}
.section ul.items.two h2,
.section ul.items.two li a.item-title {font-size:1.388rem;}
.section ul.items.three h2,
.section ul.items.four h2,
.section ul.items.three li a.item-title,
.section ul.items li.four a.item-title {font-size:1.223rem;}
.section ul.items li img {max-width:25%;padding:0 1rem 0 0;}
.section ul.items.two li img,
.section ul.items.three li img {max-width:40%;}
.section ul.items.four li img {max-width:100%;padding:0 0 0.5rem 0;}


.section ul.items ul.subitems {position:relative;z-index:1;}
.section ul.items ul.subitems li {border-width:0;}
.section ul.items ul.subitems li a::after {background:unset;}


/* Duurzaam */
 .sublayout_row1_ .section.document {
     margin-top:-5.5rem;
     padding:1px 2rem 1rem;
     border-radius:1rem;
     background-color:#dad2e4;
 }
.sublayout_row1_ .section.document p {font-weight:500;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] {padding:0;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns {margin:0;display:flex;gap:3rem;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column {margin:0;}

#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column a.read-more {display:none;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .briefing a.read-more {display:flex;margin-top:1rem;margin-left:auto;width:fit-content;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar {background-color:var(--color510);overflow:hidden;border-radius:1rem;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar h2 {position:static;background-color:transparent;color:var(--color1);}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar h2 a {background-color:transparent;color:var(--color1);display:flex;flex-direction:column-reverse;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar h2 a > span {border-bottom:1px solid var(--color1);padding:0 0 0.5rem !important;margin:0.5rem 1rem 0;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar p.fotobar_description {margin:1rem;}

#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .container {margin-bottom:3rem;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .container,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .container div {height:100%;display:flex;flex-direction:column;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar h2 a:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s;
}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar {transition:all 0.5s;}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:hover,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:focus-within {background-color:var(--color1);}

#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:hover h2 a,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:focus-within h2 a,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:hover p,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:focus-within p {color:var(--color2);}
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:hover h2 a > span,
#wrapper div[id^="row"][class^="sublayout_row"][class$="three_column"] .three.columns .column .fotobar:focus-within h2 a > span {border-color:var(--color2);}


/* 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 */
.pagelink.std_layout-icon-list li:nth-child(-n+6),
#std_layout-icon-list li:nth-child(-n+6) {display:none !important;}

/* 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; }

@media only screen and (min-width: 1920px) {
    div#row1 {background-size: auto 580px;}
    body.layout_four .sublayout_row1_ div#bannerfoto {max-height:580px;display:block;}
}
@media only screen and (max-width: 1920px) {
    div#row1 {background-size: contain;}
    body.layout_four .sublayout_row1_ div#bannerfoto {height:31.42vw !important;display:block;}
}
@media only screen and (min-width: 768px) and (max-width: 1539px) {
    .sublayout_row1_ .section.document {margin-top:-3.5rem;}
}
@media only screen and (max-width: 767px) {
    .sublayout_row1_ .section.document {margin-top:0;}
}
@media only screen and (max-width: 959px) {
    .two .column.alpha.width-66, 
    .two .column.alpha.width-33,
    .two .column.omega.width-33,
    .two .column.omega.width-66 {float:none;width:100%;margin:0;}
    }
}



@media(resolution:1.25dppx) {
    @media only screen and (min-width: 1540px) {
        :root {
            --logobasewidth: 200px !important;
            --logobaseheight: 124px !important;
            --headerphotobaseheight: 464px !important;
            --contentpagetopmargin: -464px !important;
        }
    
        .contentrow {width:1152px;}
        body.menutype_horizontal ul#dl-menu {width:1152px;}
        div#bannerfoto {height:464px !important;}
        html {font-size:14.4px;}
        html.largebodyfont {font-size:16.4px !important;}
       
        div#footer {background-size:800px auto !important;}
    }
}
@media screen and (max-width: 959px) {
    #row1:not(.error) .contentrow:has(#bannerfoto) {
        display:block !important;
        aspect-ratio: unset !important;
    }
    #row1:not(.error):has(#bannerfoto) .breadcrumbs {
        background-color:transparent;
    }
} 
@media only screen and (min-width:5px) and (max-width: 959px) {
    body.menutype_horizontal ul#dl-menu {display: none !important;}
    body.menutype_horizontal ul#dl-menu[aria-expanded="true"] {display: block !important;}
}