@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap');

#DsEditProperties div#DsEditExplorerToggle {display:none;}

/* Verberg niet gebruikte layouts */
#DsEditLogicGroup_sitemap li:nth-child(-n+6),
#DsEditLogicGroup_layout li:nth-child(-n+9),
#std_layout-icon-list li:nth-child(-n+6) {display:none;}

/* browser fixes */
div:focus {outline: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;}

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;}

input {background-color:#FFFFFF;}
#contact {display:none;}

.error-page {border-top:50px solid #A71B28;text-align:center;}

.information-bar {
	z-index:10;
	width:100%;
	box-sizing:border-box;
	padding:5px 2%;
}

body {
    font-family:Arial, Sans-serif;
    color:#231F20;
}
h1, h2, h3, h4, h5, h6 {
    font-family:'Ubuntu', sans-serif;
    color:#231F20;
    font-weight:500;
}
h1 {font-size:2.3335rem;}
h2,
h2.toggle_heading,
.items h2 {font-size:1.555rem;font-weight:500;margin:1rem 0 0.5rem;}
h2.toggle_heading {margin-bottom:0;}
h3,
.search-results h3,
.items h3 {font-size:1.25rem;margin:1rem 0 0;}
h4,
.items h4 {font-size:1.166rem;margin:1rem 0 0;}
h5 {font-size:1rem;margin:1rem 0 0;}
h6 {font-size:1rem;margin:1rem 0 0;font-style:normal;}
p, ol, ul, dl, dd, dt {
    color:#231F20;
}
h3.adjusteddatelabel {margin-bottom:1rem;}
.section.mappoint ul.openingdays dl.details,
.section.mappoint ul.adjustedtdates dl.details {grid-template-columns: 180px auto;}

.section ul ul {list-style-type:"-  ";}
.section ul ul ul {list-style-type:"»  ";}

.description {font-weight:bold;font-size:1.111rem;}

#calamity {background-color:#0054A3;border-color:#0054A3;}
/* CMS2022.6 fix - not needed with update 7 */
.contentrow.calamity ~ .contentrow {overflow:hidden;}
.contentrow.calamity ~ .contentrow div.topsix_search {padding:1rem 0;}

#tinyblock #accessibility-tools {
  position: fixed;
  float: none;
  width: 35px !important;
  height: auto;
  background-color: #A71B28;
  top: 210px !important;
}
#tinyblock #accessibility-tools .hint {right: -200px;top: 0px;line-height:1.5 !important;height:35px;box-sizing:border-box;background-color:#A71B28;color:#FFFFFF;}
#tinyblock #accessibility-tools button.switch:hover .hint {right:40px;top:0px}

div.grid-11 {box-sizing:border-box;padding:1px;}
div.grid-5 {box-sizing:border-box;padding:1px;}
.push-5,
.pull-11 {left:unset;}

button,
a {color:#A71B28;}

button:hover,
button:focus,
a:hover,
a:focus {text-decoration: underline;color:#231F20;}

button:focus  {display:inline-block;outline: 1px #A71B28 dashed;outline-offset:-1px;}
a:focus {outline: 1px #A71B28 dashed;outline-offset:-1px;}

.list-icon::before,
a.list-icon, #social-sharing a.list-icon.whatsapp-icon {color:#A71B28;}

a.list-icon.url-icon:hover, 
a.list-icon.url-icon:focus, 
a.list-icon.mail-icon:hover, 
a.list-icon.mail-icon:focus,
a.list-icon.phone-icon:hover, 
a.list-icon.phone-icon:focus, 
a.list-icon.whatsapp-icon:hover, 
a.list-icon.whatsapp-icon:focus,
a.list-icon.location_icon:hover, 
a.list-icon.location_icon:focus {color:#231F20;}



/* golfjes */
div#header {
    background-repeat:repeat-x;
    background-position:left bottom;
    background-size:auto 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.6 8' style='enable-background:new 0 0 25.6 8' xml:space='preserve'%3E%3Cpath d='M0 8c1.1 0 2.3-.4 3.4-1.2C4.5 6 5.5 4.9 6.5 4c.8-.7 1.5-1.6 2.3-2.2 1.3-1 2.7-1.6 4-1.6 1.3 0 2.7.5 4 1.6.8.6 1.5 1.5 2.3 2.2 1 1 2 2 3.1 2.8 1.1.8 2.3 1.2 3.4 1.2H0z' style='fill:%23A71B29'/%3E%3C/svg%3E%0A");
    
}
div.footer_website{
    background-color:#A71B28;
    border-top-width:0;
}
div#wrapper {
    min-height:auto;
    padding-bottom:200px;
}

/* rij kleuren */
#row1 {background-color:transparent;}
#row4 {background-color:#D9A463;}

/* Fixed header */
.tinyblock_enabled #header .container-sessions {top:10px;float:none;left:0;right:auto;font-size:0.66rem;}
.fixed_header #header {height:143px; min-height:unset;transition:all 0.3s !important;}
.fixed_header.scrolled_past_header #header {height:94px;}
.fixed_header #readspeaker {margin-top:193px;padding:0;}
.layout_four.fixed_header #header {border-bottom:50px solid #A71B28;}
.fixed_header.scrolled_past_header #readerspeaker {}
a#logo {padding: 0;max-width: unset;margin: 0 0 0 auto;}
a#logo img {transition:all 0.3s;height:143px;width:auto;}
.fixed_header.scrolled_past_header a#logo img {height:83px;}
.fixed_header.scrolled_past_header #menu_wide {box-shadow: none;}



/* menu */
body.fixed_header #menu_wide {
    left: 0;
    right:0;
    width: max-content;
    height: 0;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    z-index: 9 !important;
}
body.fixed_header #menu_wide {top:83px;}
body.fixed_header.scrolled_past_header #menu_wide {top:40px;}


body.menutype_horizontal #dl-menu.menu-horizontal li {padding:0 0.8125rem;box-sizing:border-box;}
.menu-horizontal li.first-child {margin:0;}
ul.menu-horizontal a.toplevellink ,
body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink  {text-decoration:none;font-weight:300;font-family:'Ubuntu', sans-serif;color:#A71B28;font-size:1.388rem; padding:0 0 0.5rem;}
.menu-horizontal li.active a.toplevellink,
.singlemenu li:hover > a.toplevellink,
.singlemenu li a.show-menu {background-color:transparent;}
.menu-horizontal li a.toplevellink:hover, 
.menu-horizontal li a.toplevellink:focus {text-decoration:none;}
.menu-horizontal li.active a.toplevellink {background-color: transparent;color: #A71B28;text-decoration:none;}
.menu-horizontal li.active a.toplevellink::before {content: "";position: absolute;bottom: 0;width: 100%;border-bottom: 2px solid #A71B28;}
.menu-horizontal li a.toplevellink::before {content: "";position: absolute;bottom: 0;width: 0%;border-bottom: 2px solid #D9A463;transition: width 0.5s;}
.menu-horizontal li.active_list a.toplevellink::before, 
.menu-horizontal li a.toplevellink:hover::before, 
.menu-horizontal li a.toplevellink:focus::before {width: 100%;}

/* uitklap menu */
body.menutype_horizontal #dl-menu ul.dropdownmenu {width:100%;left:0;top:38px;columns:3;transition:0.5s;}
body.menutype_horizontal #dl-menu ul.dropdownmenu li {page-break-inside: avoid;padding:0;float:none; width:100%;}
body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {border:0px dashed #8D9379;border-width:1px 0 0;color:#A71B28;font-size:1rem;margin:0 0.5rem 0;padding:0.5rem !important;}
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:transparent;color:#231F20;}


/* Kruimelpad */
body.fixed_header #row1.row1_breadcrumb {transition:all 0.3s !important; position:fixed;padding-top:0;top: 143px;background-color:#A71B28;width:100%;z-index:2;}
body.fixed_header.scrolled_past_header #row1.row1_breadcrumb {top:94px;}
.breadcrumbs ol {max-width:75%;}
.breadcrumbs {min-height:50px;display: flex;align-items: center;}
.breadcrumbs *,
.breadcrumbs a,
.breadcrumbs a::after {color:#FFFFFF;}

/* livesearch */
#searchinput_suggestions {top:4rem;}
.livesearch ul li a:hover, .livesearch ul li a:focus {background-color:transparent;color:#231F20;}

/* eparticipatie */
.emocracy h4 a {display:block;}
.emocracy .title {background-color:transparent;color:#A71B28;border-bottom:3px solid #D9A463;}
ul.tabs.emocracy a.tab-item {padding:0.5rem 1rem;border-radius:0;border-bottom:3px solid #A71B28;background-color:#A71B28;color:#FFFFFF;}
ul.tabs.emocracy li.active a.tab-item {text-decoration:none;background-color:transparent;color:#A71B28;border-color:#A71B28;}
.subjects {border-top-width:0px;}
.subject.emocracy p.fotobar_description {margin:1rem 0;}

/* Contentpagina */
button.blocktitle,
.section.product button.blocktitle {border-radius:0;border-width:2px;border-color:#A71B28;padding:0.5rem;}
.blocktitle:focus,
.blocktitle:hover,
.product .blocktitle:focus,
.product .blocktitle:hover {background-color:transparent;}
.blocktitle::after,
.product .blocktitle::after,
.vacitem .blocktitle::after {line-height:2rem;font-size:1rem;color:#A71B28;}
.blocktitle.toggle-active,
.section.product .blocktitle.toggle-active {border-radius:0;border-width:2px 2px 0;}
.hidden_information,
.product .hidden_information {border-radius:0;border-width:0 2px 2px;border-color:#A71B28;}
.hidden_information.open, 
.product .hidden_information.open {border:0 solid #A71B28;border-width: 0 2px 2px;border-radius: 0px;}

/* blockqute */
blockquote {
    position: relative; 
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;
    color: #231F20;
    margin: 1rem auto 2rem;
    border-width:0;
    background:
    linear-gradient(to right, #D9A463 3px, transparent 3px) 0 100%,
    linear-gradient(to left, #D9A463 3px, transparent 3px) 100% 0,
    linear-gradient(to bottom, #D9A463 3px, transparent 3px) 100% 0,
    linear-gradient(to top, #D9A463 3px, transparent 3px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
blockquote:before,
blockquote:after{
    font-family: FontAwesome;
    position: absolute;
    color: #D9A463;
    font-size: 34px;
}
blockquote:before{
    content: "\f10d";
    top: -12px;
    margin-right: -20px;
    right: 100%;
}
blockquote:after{
    content: "\f10e";
    margin-left: -20px;
    left: 100%;  
    top: auto;
    bottom: -20px;
}
blockquote  p {margin:0.5rem 0;}

/* tabellen */
caption {text-align:left;}
.section table,
.section table tr,
.section table th,
.section table td {border-width: 0px;border-color:#FFFFFF;border-style:solid;text-align:left;}
.section table thead th,
.section table tbody th {background-color:#8D937950;color:#231F20;font-weight:normal;}
.section table tr:nth-child(even) {background-color:#8D937930;color:#231F20;}
.section table tr:nth-child(odd) {background-color:#FFFFFF;color:#231F20;}

table.raster1 thead th,
table.raster1 tbody th {background-color:#8D937950;color:#231F20;font-weight:normal;}
table.raster2 tbody tr:nth-child(even) {background-color:#8D937930;color:#231F20;}
table.raster2 tbody tr:nth-child(odd) {background-color:#FFFFFF;color:#231F20;}

table.raster2 thead th {background-color:#8D937950;color:#231F20;font-weight:normal;}
table.raster2 tbody tr:nth-child(even) {background-color:#FFFFFF;color:#231F20;}
table.raster2 tbody tr:nth-child(odd) {background-color:#FFFFFF;color:#231F20;}
table.raster2 tbody td {border-width: 1px;border-color:#8D937950;}

table.raster3 thead th {background-color:#8D937950;color:#231F20;font-weight:normal;border-width: 1px;border-color:#8D9379;}
table.raster3 tbody tr {border-width: 1px;border-color:#8D937950;}
table.raster3 tbody tr:nth-child(even) {background-color:#FFFFFF;color:#231F20;}
table.raster3 tbody tr:nth-child(odd) {background-color:#FFFFFF;color:#231F20;}
table.raster3 tbody td {border-width: 1px;border-color:#8D937950;}

div#content-footer {border-color:#231F20;}
.print-link::before,
.reaction-link::before {color:#231F20;}
#social-sharing button.toggle_hidden_information {color:#231F20;border-radius:0;padding:2px 2px 2px 5px;}
#social-sharing button.toggle_hidden_information.toggle-active {color:#FFFFFF;}
#social-sharing button.toggle-active, 
#social-sharing button.toggle_hidden_information:focus, 
#social-sharing button.toggle_hidden_information:hover {background-color:#231F20;}
#social-sharing div.hidden_information {border-color::#231F20;border-radius:0;}


/* Call to action */
/* Oude vormgeving
a.calltoaction {text-decoration:underline;border-radius:0;border:2px solid #003820;background-color:#003820;color:#FFFFFF;font-size:1.111rem;padding:0.5rem 1rem;}
a.calltoaction:hover,
a.calltoaction:focus {background-color:#FFFFFF;color:#231F20;}
a.calltoaction.negatief {background-color:#FFFFFF;color:#231F20;}
a.calltoaction.negatief:hover,
a.calltoaction.negatief:focus {background-color:#003820;color:#FFFFFF;}
a.calltoaction.grijs {border:2px solid transparent;background-color:transparent;color:#A71B28;}
a.calltoaction.grijs:hover,
a.calltoaction.grijs:focus {background-color:#8D9379;color:#231F20;}
*/

a.calltoaction {text-decoration:none;border-radius:4px;border:2px solid #003820;background-color:#003820;color:#FFFFFF;font-size:1rem;padding:12px 24px;margin:0 0.5rem 0.5rem 0;display:inline-block;}
a.calltoaction:after {content: " \f105";font-family: "fontawesome";font-weight: bold;font-size: 1rem;text-decoration: none;padding-left: 12px;display: inline-block;}
a.calltoaction:hover{text-decoration:underline;border:2px solid #314F3A;background:#314F3A;color:#fff;}
a.calltoaction:focus{outline-offset: 1px;outline: dashed 1px #A71B28;background:#314F3A;}
a.calltoaction:active{background:#596D5B;border-color:#596D5B;}
a.calltoaction.negatief {border:2px solid #003820;background-color:transparent;color:#003820;}
a.calltoaction.negatief:hover, a.calltoaction.negatief:focus{border:2px solid #314F3A;background-color:transparent;color:#314F3A;}
a.calltoaction.negatief:active{color:#596D5B;border-color:#596D5B;}
a.calltoaction.grijs {border:2px solid transparent;background-color:transparent;color:#003820;}
a.calltoaction.grijs:hover, a.calltoaction.grijs:focus{background-color:transparent;color:#000;}
a.calltoaction.grijs:active{background-color:transparent;}

p.emphasisred {padding:0.5rem;border-width:0;background-color:#A71B28;color:#FFFFFF;}
p.emphasisred a {color:#FFFFFF;} 
p.emphasisred a:hover,
p.emphasisred a:focus {color:#FFFFFF;}
p.emphasisgreen {padding:0.5rem;border-width:0;background-color:#cfdad5;color:#231F20;}
p.emphasisyellow{padding:0.5rem;border-width:0;background-color:#E9E4D2;color:#231F20;}

/* Folder / lijsten */
.item-title {color:#231F20;}
a.item-title {color:#A71B28;font-size:inherit;font-weight:inherit;}
a.item-title:hover,
a.item-title:focus {color:#231F20;}
.section ul.items {margin:2rem 0 3rem;}
.section ul.items li {margin-top:1rem;margin-bottom:0;padding:1rem 0 0;border-top:1px dashed #8D9379;}
.section ul.items li h2,
.section ul.items li h3 {margin:0 0 0.5rem;}
.section ul.items li p {margin:0;}
.search-results h3 span.objectinfo,
.section ul.items li p.objectinfo {font-size:14px;color:#555555;}
p.with-photo img,
a.item-photo img {padding-right:1rem;padding-bottom:0;padding-top:0.25rem;}

.section.folder ul.items p.with-photo img,
.section.folder ul.items a.item-photo img {width:25%;}

.section.folder ul.items.two p.with-photo img,
.section.folder ul.items.two a.item-photo img {width:30%;}

.section.folder ul.items.three p.with-photo img,
.section.folder ul.items.three a.item-photo img {width:40%;}

.section.folder ul.items.four p.with-photo img,
.section.folder ul.items.four a.item-photo img {width:25%;}

.items p.description, .subitems p.description {color:#231F20;font-size:1rem;}
.section.folder .three .column {margin-top:1rem;}
.section ul.items li:first-child {margin-top:0;padding-top:0;border-width:0;}
.section ul.items.two li:nth-child(2),
.section ul.items.three li:nth-child(-n+2) {margin-top:0;padding-top:0;border-width:0;}
.section ul.items.three li:nth-child(-n+3) {margin-top:0;padding-top:0;border-width:0;}
.section ul.items.four li:nth-child(-n+4) {margin-top:0;padding-top:0;border-width:0;}

ul.pagerbar li.current {padding:1px 8px;}

/* rechterkolom */
.read-more {margin-bottom:0;}
.container_aside {margin-bottom:2rem;}
div.container_aside > ul, div.container_aside > div {border-width:0;background-color:transparent;}
.detail_aside #side-content {margin-top:4.5rem;}
.row2_content .advanced_filters.search-filters h3,
#side-content div.container_aside h3,
.container.landing.vacancy h2 a,
.container_aside.landing.briefing h2 a,
.fotobar h2 a,
.fotobar_three h2 a,
.only-one-item h2, .column .quickto h2 {background-color:#FFFFFF;color:#231F20;font-size:1.333rem; ;padding:0.5rem 0;margin:0;}
#side-content div.container_aside h3 img {margin-bottom:-0.5rem;border-top:3px solid #D9A463;margin-top:0.5rem;border-style:solid;}

div.container_aside > ul,
#side-content div.container_aside div.container-content,
div.container_aside.vacancyoverview .container-content,
div.container_aside.briefing .container-content, 
div.container_aside.folder .container-content,
.quickto ul,
.row2_content .search-filters ul {border-width:3px 0 0;border-color:#D9A463;padding:0;border-style:solid;}
.row2_content .search-filters ul {padding-top:0.5rem;margin-bottom:2rem;margin-right:2rem;}

#side-content div.container_aside.vacancyoverview .container-content p.description,
#side-content div.container_aside.folder .container-content p.description,
#side-content div.container_aside div.container-content p, 
#side-content div.div.container_aside.briefing .container-content p,
#side-content div.container_aside .poll-question {box-sizing:border-box;width:100%;color:#231F20;margin:0;border-bottom:1px dashed #8D9379;padding:0.5rem 0;font-size:1.111rem;font-weight:normal;background-color:transparent;}

#side-content div.container_aside .poll-question {border-bottom-width:0;}
#side-content div.container_aside .simpleform.poll .submit-buttons {padding-bottom:1rem;border-bottom:1px dashed #8D9379;}

#side-content div.container_aside ul.items li,
.quickto ul li,
.container_aside ul.items li {background-color:transparent;border-color:#8D9379;padding:1px;border-style:dashed;}
.quickto ul li {border-width:0 0 1px;}
.container_aside ul.items li:last-child {border-bottom-width:1px;}
#side-content div.container_aside .vacitem h4 {padding:1px;}
.container_aside ul.items li a,
#side-content div.container_aside ul.items li a,
#side-content .container_aside .vacitem button,
.quickto ul li a,
#side-content div.container_aside ul.items li a {color:#A71B28;padding:0.5rem;margin:1px;background-color:transparent;}
#side-content div.container_aside li.vacitem .hidden_information {background-color:transparent;border-width:0;padding:0 0.5rem 0.5rem;}
#side-content div.container_aside li.vacitem p {font-size:1rem;border-bottom-width:0;padding:0 0 0.5rem;}
#side-content div.container_aside li.vacitem a.read-more {padding:0.5rem 0;}
#side-content .container_aside .vacitem button:hover,
#side-content .container_aside .vacitem button:focus,
#side-content div.container_aside ul.items li a:hover,
#side-content div.container_aside ul.items li a:focus,
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus,
.quickto ul li a:hover,
.quickto ul li a:focus {background-color:transparent;color:#231F20;}

#side-content .container_aside .title_fotobar, 
#side-content div.container_aside.vacancy h3 span.title, 
#side-content div.container_aside.url h3 a span.title, 
#side-content div.container_aside.softlink h3 a span.title, 
#side-content div.container_aside.document h3 a span.title, 
#side-content div.container_aside.product h3 a span.title {color:#231F20;padding:0;background-color:transparent;font-size:1.33rem;font-weight:500;}
#side-content div.container_aside h3 a span.title.file-info span.objectinfo {font-size:1rem;}
#side-content div.container_aside a.more,
.container_aside.landing.vacancyoverview a.more,
.container_aside.landing.briefing a.read-more {border-width:0;text-align:left;padding:0.5rem;font-weight:normal;margin:0;}

/* Footer */
#footer_columns {padding:2rem 0;}
#contact-information .heading, 
#footer_columns .column h1, 
#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 ul,
#footer_columns .column ol,
#footer_columns .column a,
#footer_columns .column .list-icon::before,
#footer ul.quicklinks li a {color:#FFFFFF;font-weight:normal;}
#footer_columns .column p {margin:0;}
#footer_columns .column h2 {font-size:1.222rem;}
#footer_columns .column h3 {font-size:1rem;font-family:Arial, sans-serif;}
#footer_columns a.calltoaction {display:flex;background-color:transparent;border-color:#FFFFFF;color:#FFFFFF;font-size:1rem;margin-top:0.5rem;}
#footer_columns a.calltoaction:hover,
#footer_columns a.calltoaction:focus {background-color:#FFFFFF;color:#A71B28;}
#footer h2.offscreen {color:#FFFFFF;}

/* Homepage */
/* Home zoekbalk */
div.topsix_search #sublayout_search {border-radius: 5px;width:50%;margin-left:auto;margin-right:auto;height:4rem;box-shadow: 0 0px 0.5rem rgba(0,0,0,0.75);}
div.topsix_search #sublayout_search input.text {border-radius:5px;border-color:#A71B28;height:4rem;width:100%;font-size:1.333rem;}
div.topsix_search #sublayout_search button.submit::before {color:#A71B28;font-size:1.77rem;}
div.topsix_search #sublayout_search button.submit {background-color:#FFFFFF;color:#A71B28;min-width:3.55rem;min-height: 3.333rem;width:3.55rem;height: 3.333rem;margin: 4px 0 0 -4rem;}
div.topsix_search {padding:11.5625rem 0 14.0625rem;}

/* toptaken */
.sublayout_row2_onlytoptasks {background-color:#A71B28;height:10.625rem;}
.sublayout_row2_onlytoptasks .contentrow {overflow:visible;}
div.onlytoptasks {padding:0;}
ul.onlytoptasks.columns {margin:0;overflow:visible;}
ul.onlytoptasks li.column a {font-family:'Ubuntu', Arial, sans-serif;border-width: 0;color: #FFFFFF;background: transparent;transition: all 0.4s ease;min-height:unset;font-size:1.16667rem;border-bottom:5px solid transparent;}
ul.onlytoptasks li.column a img {margin:1.5rem auto 0.5875rem;filter:contrast(0) brightness(100);transition:width 0.4s, height 0.4s;}
ul.onlytoptasks li.column a span {height:50px;line-height:1;}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {z-index:1;padding: 3px calc(3px + 0.59rem);font-size:0.98rem;color: #A71B28;background: #FFFFFF;box-shadow: 0 0px 12.8px 0 rgba(0,0,0,0.5);border-bottom-color:#D9A463;transform: scale(1.18);}
ul.onlytoptasks li.column a:hover img,
ul.onlytoptasks li.column a:focus img {filter:brightness();}
div.onlytoptasks h2.offscreen {color:#FFFFFF;}

/* Of zocht u */
#row3 {background-color:#FFFFFF;}
.onecolumn .landing.folder h2.offscreen {position:static;padding:0 0 0.5rem;border-bottom:3px solid #D9A463;margin-bottom:0;}
.layout_four .sublayout_row3_one-columns .contentrow .onecolumn {margin:2.5rem 0 3rem;}
.onecolumn .landing.folder {margin-bottom:0;}
.onecolumn .landing.folder ul.items {columns: 4;display: block;column-gap: 2.5rem;}
.onecolumn .landing.folder ul.items .column {page-break-inside:avoid;margin:0;background-color:transparent;border-width:0 0 1px;border-style:dashed;border-color:#8D9379;padding:0;}
.onecolumn .landing.folder ul.items li a {font-weight:normal;font-size:1rem;margin:1px;}
.onecolumn .landing.folder ul.items li a span.title,
.onecolumn .landing.folder ul.items li a span.title {color:#A71B28;font-size:1rem;font-weight:normal;padding:0.75rem 0.5rem;}
.onecolumn .landing.folder ul.items li a:hover span.title,
.onecolumn .landing.folder ul.items li a:focus span.title {color:#231F20;}
.onecolumn .landing.folder ul.items li a span.image {width: 25px;height: 25px;vertical-align: middle;margin-right: 5px;}
.onecolumn .landing.folder ul.items li a:hover span.image,
.onecolumn .landing.folder ul.items li a:focus span.image {filter:brightness(0);}


/* Uitgelichte banners */
.onecolumn .landing.newsbanner h2 {position:absolute;left:-999999em;top:-999999em;}
.layout_four .sublayout_row4_newsblock .onecolumn {margin:3rem 0 0;}
.onecolumn .landing ul.items li.column {border-width:0;margin-bottom:3rem;}
.onecolumn .landing.newsbanner ul.items li span.title {font-size:1rem;font-weight:500;font-family:'Ubuntu', sans-serif;}
.onecolumn .landing ul.items li a {color:#A71B28;}
.onecolumn .landing ul.items li a:hover,
.onecolumn .landing ul.items li a:focus {color:#231F20;}
.onecolumn .landing.newsbanner ul.items li a span.image img {border:0 solid transparent;border-width:0.5rem 0.5rem 0;box-sizing:border-box;max-width:unset;width:100%;}

/* 66 - 33 */
#row5 .two.columns {margin:2.5rem 0 2rem;}
.width-66 .container,
.width-33 .container_aside {margin-bottom:0;}
.width-66 .landing.document h2 {margin:0.5rem 0;padding:0;}

/* Responsive Hamburger menu */
@media only screen and (max-width: 959px) {
    nav.breadcrumbs {margin-left:0;max-width:calc(75% - 38px);}
    nav.breadcrumbs ol {max-width:unset;}
    .fixed_header #header {height:auto;}
    a#logo {padding:0 0 10px;}
    .fixed_header #readspeaker {margin-top:0;}
    body.fixed_header #row1.row1_breadcrumb {position:static;}
    body.fixed_header #menu_wide {top:6px;left:auto;right:0;width:40px;position:absolute;}
    body.fixed_header.layout_four #menu_wide {top:-44px;left:unset;right:0;margin:0;position:absolute;height:auto;}
	body.menutype_horizontal ul#dl-menu {width: 270px!important;left:unset !important;right:0;}
	    
	    
	
	.menu-horizontal li a.toplevellink::before,
	.menu-horizontal li.active a.toplevellink::before {width:100%;border-color:#A71B28;}
	.menu-horizontal li.active_list a.toplevellink::before,
	.menu-horizontal li a.toplevellink:hover::before,
	.menu-horizontal li a.toplevellink:focus::before {width:100%;}
	.menu-horizontal li a.toplevellink:hover,
	.menu-horizontal li a.toplevellink:focus,
	.menu-horizontal li a.toplevellink {color:#A71B28;}
	.menu-horizontal li.first-child {width:100% !important;}
	ul.menu-horizontal a.toplevellink,
	ul.menu-horizontal a {background-color:transparent !important;}
	.menu-horizontal li > ul.dropdownmenu,
	.menu-horizontal li ul.dropdownmenu {visibility:visible;opacity:1;display:block !important;}
	body.menutype_horizontal ul.dropdownmenu,
	body.menutype_dual ul.dropdownmenu {box-shadow:none;padding:0;}
	body.menutype_horizontal #dl-menu {background-color:#FFFFFF;box-shadow:0px 5px 10px #666666;}
	ul.menu-horizontal a.toplevellink,
	body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:1rem 0;}
	ul.dropdownmenu li {border-width:0 !important;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu {position:static;}
	body.menutype_horizontal ul#dl-menu {width:570px;transition:all 0.3s;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {margin:0;background-color:transparent;padding:1rem 0.5rem !important;}
	body.menutype_horizontal.scrolled_past_header ul#dl-menu {width:auto;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu {columns:1;}
	#menu-icon {width:2.75rem !important;height:2.75rem !important;}
}

/* algemeen responsive */
@media only screen and (max-width: 512px) {
	html {font-size:14px !important;}
	html.largebodyfont {font-size:16px !important;}
	div.contentrow {width:94% !important;margin:0 auto;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:94%;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:100%;margin:0 auto;}
	div.grid-5 {width:100%;margin:0 auto;}
	a#logo {max-width:unset !important;padding:0 !important;}
	ul.onlytoptasks li.column a:hover,
    ul.onlytoptasks li.column a:focus {transform: scale(1);}
    body.layout_four #row4 .columns.three {display:block;}
}

@media only screen and (max-width: 959px) {
	ul.onlytoptasks {box-sizing:border-box;}
	a#logo {max-width:unset !important;}
	.sublayout_row2_onlytoptasks {height:auto;box-shadow:none;padding-top:2rem;overflow:visible;background-color:transparent;}
	ul.onlytoptasks li.column a {box-shadow: 0 0px 12.8px 0 rgba(0,0,0,0.2);color:#A71B28;}
	ul.onlytoptasks li.column a img {filter:brightness();}
	
	div#header,
	div.footer_website{background-size: auto 5px;}
	#tinyblock {right:unset;left:0}
	#tinyblock form#quicksearch {top:40px !important; width:auto !important;left:0;right:auto;}
	#tinyblock form#quicksearch input.text {width:100% !important;border-color:#A71B28 !important;}

}

@media only screen and (max-width: 512px) {
	ul.onlytoptasks {width:100%;}
	.toplinks {font-size:1rem;right:8rem;top:16px;}
	#accessibility-tools {font-size:1rem;width:6.2rem !important;top:16px !important;right:0 !important;}
	#tinyblock form#quicksearch {top:30px !important;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:513px auto;min-height:127px;}
	div.topsix_search {display:none;}
	.onecolumn .landing.folder ul.items {columns:1;}
	div#wrapper {background-size: auto 130px;}
}

@media only screen and (max-width: 480px) {
	ul.onlytoptasks.bannercount-3 li.column,
	ul.onlytoptasks.bannercount-5 li.column,
	ul.onlytoptasks.bannercount-6 li.column {width:100%;}
	ul.onlytoptasks li.column a span {justify-content:normal;}
	ul.onlytoptasks li.column a img {width:30px;height:30px;margin:8px;}
	
}

@media only screen and (min-width: 513px) and (max-width: 959px) {
	html {font-size:14px}
	html.largebodyfont {font-size:16px}
	div.contentrow {width:94% !important;margin:0 auto;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:94%;margin:0 auto;}
	.toplinks {font-size:1rem;right:8rem;top:16px;}
	#accessibility-tools {font-size:1rem;width:6.2rem;top:16px !important;right:0 !important;}
	
	#footer_columns .column h2 {font-size:1.8rem;}
	h1, .layout_four .onecolumn .section h2,
	.layout_four .section.folder h2 {margin-top:1.5rem;font-size:1.8rem;}
	#footer_columns {padding:1em 0;}

}

@media only screen and (min-width: 513px) and (max-width: 767px) {
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:100%;margin:0 auto;}
	div.grid-5 {width:100%;margin:0 auto;}
	.two .column,
	.three .column,
	.four .column,
	.five .column {width: 48% !important;margin: 0 1% 1em !important;}
	.two .column:nth-child(odd),
	.three .column:nth-child(odd),
	.four .column:nth-child(odd),
	.five .column:nth-child(odd) {clear:left;}
	.two .column:nth-child(even),
	.three .column:nth-child(even),
	.four .column:nth-child(even),
	.five .column:nth-child(even) {clear:none;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:768px auto;min-height:190px;}
	div.topsix_search {display:none;}
	.onecolumn .landing.folder ul.items {columns:2;}
	#footer_columns .column {margin:0;}
	#footer_columns .column:nth-child(2),
	#footer_columns .column:nth-child(4) {margin:0 3% 0 0 !important;clear:left;}
	#footer_columns .column:nth-child(3),
	#footer_columns .column:nth-child(5) {margin:0 0 0 0 !important;clear:none;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	div.grid-11,.row2_content .section.grid-11 {width:calc(75% - 38px);margin:0 38px 0 0;}
	div.grid-5,
	div.grid-5.container.search-filters {width:25%;margin:0;}
	div.topsix_search #sublayout_search button.submit {min-height:3.22rem;height:3.22rem;margin-left:-3.7rem;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:960px auto;min-height:235px;}
	div.topsix_search{display:none;}
	.onecolumn .landing.folder ul.items {columns:3;}

	#footer_columns .column {margin:0;}
	#footer_columns .column:nth-child(2),
	#footer_columns .column:nth-child(4) {margin:0 3% 0 0 !important;clear:left;}
	#footer_columns .column:nth-child(3),
	#footer_columns .column:nth-child(5) {margin:0 0 0 0 !important;clear:none;}
}
@media only screen and (min-width: 960px) {
    body.fixed_header #menu_wide {transition:all 0.3s !important;}
    body.menutype_horizontal ul#dl-menu {height:0;}
    .layout_four.topsix_search #tinyblock form#quicksearch {display:none;}
    #tinyblock form#quicksearch {position:absolute;top:150px;left:auto;width:330px;height:38px;transition:all 0.3s;}
    .scrolled_past_header #tinyblock form#quicksearch {top:101px;}
    #tinyblock form#quicksearch input.text {height:36px;font-size:16px;}
    #tinyblock form#quicksearch button.submit {min-height:34px;}
    #tinyblock form#quicksearch button.submit::before {font-size:21px;color:#A71B28;}
}

@media only screen and (min-width: 960px) and (max-width: 1359px) {
	div.grid-11,.section.grid-11 {width:calc(75% - 38px);margin:0 38px 0 0;}
	div.grid-5 {width:25%;margin:0;}
	.toplinks {font-size:1rem;right:8rem;top:16px;}
	#accessibility-tools {font-size:1rem;width:6.2rem;top:16px;}
	
	ul.onlytoptasks.columns {display: flex;justify-content: space-between;}
	ul.onlytoptasks.columns.bannercount-3 li.column,
	ul.onlytoptasks.columns.bannercount-4 li.column,
	ul.onlytoptasks.columns.bannercount-5 li.column,
	ul.onlytoptasks.columns.bannercount-6 li.column {width:auto;height:auto;}
	.sublayout_row2_onlytoptasks {height:10rem;}
	ul.onlytoptasks li.column a {width:9rem;height:10rem;font-size:1.2rem;}
	ul.onlytoptasks li.column a img {margin:1rem auto;width:3.5rem;height:3.5rem;}
	#footer_columns .column h2 {font-size:1.8rem;}
	h1,
	.layout_four .onecolumn .section h2,
	.layout_four .section.folder h2 {margin-top:1.5rem;font-size:1.8rem;}
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
	html {font-size:14px}
	html.largebodyfont {font-size:16px}
	body.menutype_horizontal ul#dl-menu,
	.contentrow {width:920px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:920px;margin:0 auto;}
	.toplinks {font-size:1rem;right:8rem;top:16px;}
	#accessibility-tools {font-size:1rem;width:6.2rem;top:16px;}
	
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:1024px auto;}
	div.topsix_search #sublayout_search button.submit {min-height:3.22rem;height:3.22rem;margin-left:-3.7rem;}
	div.topsix_search {padding:7rem 0 7rem;}
	div#menu_wide {top:-54px;}
 }

@media only screen and (min-width: 1024px) and (max-width: 1359px) {
	html {font-size:16px}
	html.largebodyfont {font-size:18px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:980px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:980px;margin:0 auto;}
	div.grid-16 {width:100%;margin:0 auto;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:1360px auto;/*min-height:375px;*/}
	div.topsix_search {padding:8.5rem 0 8.5rem;}
	div#menu_wide {top:-70px;}
}

@media only screen and (min-width: 1360px) {
	ul.onlytoptasks.columns {display: flex;justify-content: space-between;}
	ul.onlytoptasks.columns.bannercount-3 li.column,
	ul.onlytoptasks.columns.bannercount-4 li.column,
	ul.onlytoptasks.columns.bannercount-5 li.column,
	ul.onlytoptasks.columns.bannercount-6 li.column {width:auto;height:auto;}
	ul.onlytoptasks li.column a {width:10.625rem;height:10.625rem;}
}

/* ipad 1, 2, mini en air */
@media only screen 
    and (max-device-width: 1024px)
    and (max-device-width: 768px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
    a#logo img {height:83px;}
    .fixed_header #header,
    .fixed_header.scrolled_past_header #header {height:94px;}
    body.fixed_header #row1.row1_breadcrumb {top:94px;}
    #tinyblock form#quicksearch {top:101px;}
    .fixed_header #readspeaker{margin-top:143px;}
    body.fixed_header #menu_wide {top:40px;}
    div.topsix_search {
        padding: 6.5rem 0 6.5rem;
    }
}
/* ipad iPad 3, 4 and Pro 9.7 */
@media only screen 
    and (max-device-width: 1024px)
    and (max-device-width: 768px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 2) {
    a#logo img {height:83px;}
    .fixed_header #header,
    .fixed_header.scrolled_past_header #header {height:94px;}
    body.fixed_header #row1.row1_breadcrumb {top:94px;}
    #tinyblock form#quicksearch {top:101px;}
    .fixed_header #readspeaker{margin-top:143px;}
    body.fixed_header #menu_wide {top:40px;}
    div.topsix_search {
        padding: 6.5rem 0 6.5rem;
    }
}



@media only screen and (min-width: 1360px) and (max-width: 1479px) {
	html {font-size:18px}
	html.largebodyfont {font-size:22px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:1320px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:1340px;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:calc(75% - 38px);margin:0 38px 0 0;}
	div.grid-5 {width:25%;margin:0;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:1480px auto;}
    div.topsix_search {padding:8rem 0 8rem;}
	#bannerfoto {height:390px !important;}
}

@media only screen and (min-width: 1480px) {
	html {font-size:18px;}
	html.largebodyfont {font-size:22px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:1440px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:1440px;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:1070px;margin:0 40px 0 0;}
	div.grid-5 {width:330px;margin:0;}
	.layout_four div#row1.sublayout_row1_topsix_search {background-size:1920px auto;height:475px;}
}

span.objectinfo {
    display:none;
}

/* Timeblockr */
.timeblockr .timeblockr_nav-steps li.timeblockr_active {
    color: #A71B28;
    border-color: #A71B28;
}

.timeblockr .timeblockr_button {
	text-decoration:none;
	border-radius:3px;
	border:2px solid #003820;
	background-color:#003820;
	color:#FFFFFF;
	font-size:1.111rem;
	font-weight:bold;
	padding:0.5rem 1rem;
}

.timeblockr .timeblockr_button:after {
    content: " \f105";
    font-family: "fontawesome";
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    padding-left: 12px;
    display: inline-block;
}

.timeblockr .timeblockr_button:hover, .timeblockr_button:focus {
    text-decoration:underline;
	background-color:#314F3A;
	border-color:#314F3A;
	color:#FFFFFF;.
	outline-offset: 1px;
}

.timeblockr_previous-route {
    text-decoration: none !important;
    border: 2px solid transparent;
    background-color: transparent;
    color: #003820;
}    
.timeblockr_previous-route:hover {
    text-decoration: underline !important;
    background-color: transparent;
    color: #314F3A;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #A71B28;
    color: #FFFFFF;
}

.timeblockr .timeblockr_calendar_compact a.timeblockr_slot {
    text-decoration:none;
	border-radius:3px;
	border:2px solid #003820;
	background-color:#003820;
	color:#FFFFFF;
	padding:0.5rem 1rem;
	width: min-content;
    min-width: 40px;
    outline-offset: 1px;
}

.timeblockr .timeblockr_calendar_compact a.timeblockr_slot:hover {
	background-color:#314F3A;
	border-color:#314F3A;
	color:#FFFFFF;
}


.timeblockr a.slot:hover, .timeblockr a.slot.hover,
.timeblockr .timeblockr_calendar_compact a.timeblockr_slot.timeblockr_active {
	background-color:#FFFFFF !important;   
	color:#231F20;
}
	
a.timeblockr_slot .timeblockr_time {
    font-size:1.111rem;
    font-weight:bold;
    text-decoration:none;
}
a.timeblockr_slot .timeblockr_time:hover {
     text-decoration:underline;   
}

.select2-results {
    text-align: left;
}

input[type="tel"] {
    border: revert !important;
    background: #FFFFFF;
    padding: 10px 20px;
    float: left;
    margin: 0;
}

.timeblockr .timeblockr_view-data .timeblockr_fieldset .timeblockr_edit-controls {
	border: none;
	margin-top: -5px;
}

.selection span{
	background-color: transparent;
    padding: 0;
}
	
	/* Snelbalie vergunningen */
#snelbalie {
height: 4500px;
width: 100%;
}

.balie .grid-11.main-content.no-aside {
    width: 100%;
}

.video-js {
	height: 100% !important;
	width: 50% !important;
}

#product-description h3,
#product-conditions h3,
#product-price h3,
#product-details h3,
#product-order h3,
#product-application h3,
#product-tips h3{
	color: #231F20 !important;
}

/* Stappenplan vormgeving */
	.processtap {
    background: #E9E4D2;
    margin: 25px 25px 25px 50px;
    padding: 25px;
    position: relative;
}
.tijdlijn {
    height: calc(100% + 25px);
    left: 10px;
    position: absolute;
    width: 2px;
    background-color: #ececec;
    margin-left: -45px;
}

.tijdlijn:before {
/*  top: -1em; */
    left: -10px;
    width: 0.75rem;
    height: 0.75rem;
    padding: 5px;
    position: absolute;
    display: block;
    content: "";
    background-color: #D9A463;
}

.tijdlijnlaatste {
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
    background-color: #777777;
    margin-left: -45px;
}

.tijdlijnlaatste:before {
/*  top: -1em; */
    left: -10px;
    width: 0.75rem;
    height: 0.75rem;
    padding: 5px;
    position: absolute;
    display: block;
    content: "";
    background-color: #D9A463;
}

.stap {
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0 0 20px 0;
    background: #FFFFFF;
    padding: 5px;
    color: #231F20;
    width: fit-content;
}
.staptitel {
margin:    0.5rem 0 0.5rem;
color: #231F20 !important;
}

/* Vormgeving themapagina met categorie */
.section.folder.two.columns {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.contentrow > .section.folder ul.columns li.column h3 a.item-title {
    font-size: 1.25em;
}

/* Verberg reactie-knop */
.reaction-link {
    display: none;
}


div.sitemap .subitems li {
    margin-top: 0px !important;
    padding: 0rem 0 0 !important;
    border: none !important;
}

.sitemap a.item-title {
    color: #COLOR01;
    font-size: 1.25em;
    font-weight: bold;
}

.naw_info h3 {
    display: none;
}

/* Zoekresultaten */

form.simpleform.reset_filters {
    text-align: right;
    right: 2rem;
}

.zoeken .section ul.items li {margin-top:1rem;margin-bottom:0;padding:1rem;border-top:1px;background: #E9E4D2;}
.zoeken .section ul.items li:first-child {padding-top:1rem;}
.zoeken .objectinfo {display: block;font-size: 0.75rem;font-weight: normal !important;margin-top: 0.5rem;}
.search-results ul.items li img {max-width: 15%;}
.search-results ul.items li .promoted {
    font-size: 0.75rem;
    padding: 5px;
    margin-right: 0.75rem;
    background: #fff;
    color: #000;
}
ul.items.promoted {margin-bottom: -0.75rem !important;}
.result-ammount {font-size: 1rem !important;margin-top: -1rem !important;}

span.event_finished {
    padding: 0.25rem;
    background-color: #003820;
    color: #FFFFFF;
    font-size: 0.75rem;
}

/* Evenementen */
.eventlist ul.items {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.eventlist ul.items li {margin:0;padding:1rem;border-top:0px;background: #E9E4D2;}
.eventlist ul.items li:first-child {margin-bottom:0;padding:1rem;}
.eventlist .objectinfo {display: block;font-size: 0.75rem;font-weight: normal !important;margin-top: 0.5rem;}
.location::before {font-family: 'FontAwesome';content: '\f041';margin-right: 0.25rem;}
.strikethrough {display:none !important;}
@media screen and (max-width: 512px) {
.eventlist ul.items {grid-template-columns: 1fr;}
    }
.eventlist h2 a.type-event {font-size: 1.25rem;}
ul a.type-event {
    padding-left: 1.75rem;
    background-repeat: no-repeat;
    background-size: 1.25rem auto;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>Agenda</title><path d="M33.01 20.99h-4v-3h4v3Zm-7-3h-4v3h4v-3Zm7 14h-4v3h4v-3Zm-7-7h-4v3h4v-3Zm7 0h-4v3h4v-3Zm6-15.99v28.52c0 2.48-2.02 4.5-4.5 4.5l-21.02-.04c-2.48 0-4.5-2.02-4.5-4.5l.02-28.47 4.99.02V12h2.01l.03-5.99h3v3.02l7.99.02V12h1.99V6h3v3.01h6.99Zm-3 5.99H12v22.48c0 .83.67 1.5 1.49 1.5l21.02.04c.83 0 1.5-.67 1.5-1.5V14.99ZM27.93 31.4l-1.41-1.41-3.17 3.17-1.42-1.41-1.42 1.41 2.83 2.83 4.59-4.59Zm-8.92.59h-4v3h4v-3Zm0-14h-4v3h4v-3Zm0 7h-4v3h4v-3Z" fill="%23a81024"/></svg>');
}

/* Map en nieuwspagina 3 koloms */
.themapagina .section ul.items.three li:has(.item-photo) {
    padding: 1rem 1rem 1rem calc(1rem + 240px) !important;
}

.themapagina .section ul.items.three li {
    padding: 1rem !important;
    background: #F7F7F2;
    border: none;
    border-radius: 3px;
    position: relative;
    transition: box-shadow 0.5s;
}

.themapagina .section .items.columns li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.themapagina .section ul.items.three li:hover {
    background-color: #FCFCFA;
    box-shadow: inset 0 -3px 0 #d9a463;
}

.themapagina .three .column {
    box-sizing: border-box;
    width: auto !important;
    min-height: 150px;
    margin: 0 !important;
}

.themapagina h2,
.themapagina h3,
.three h2 {
    font-size: 1.25rem;
}

.themapagina h3 a.item-title {
    padding: 0 0 0.5rem !important;
}

.themapagina .folder ul.three {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    flex-flow: row wrap;
    justify-content: space-between;
}

.themapagina .briefing ul.three {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .themapagina .folder ul.three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .themapagina .folder ul.three {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 1350px) {
    .themapagina .briefing ul.three {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.themapagina .briefing .objectinfo {
    display: block;
    font-family: 'Ubuntu', Arial, sans-serif;
    font-size: 0.75rem;
    margin: 0 0 0.5rem 0;
}

.themapagina span.item-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
}

.themapagina .section.briefing ul.three.items img {
    object-fit: cover;
    display: block;
    float: none;
    width: 240px;
    height: 100%;
    margin: 0;
}

/* Footer direct regelen */
.directregelen {
    list-style-type: none;
    padding-left: 0;
}


img#magie {
    position: absolute;
    height: auto;
    width: 75%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 460px;
}
