.cke_top {padding-left: 3px !important; padding-right: 3px !important;} 
/* Typography Font sizes beheeromgeving fix 13-01-2022 SW Roxit */
div[id^="DsEdit"] p,
div[id^="DsEdit"] ul,
div[id^="DsEdit"] label,
div[id^="DsEdit"] a {font-size:14px !important;line-height:normal;}

:root {
    --headerheight: 102px;
}


.section ul.items li {position:relative;}
.section ul.items a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

ul.items li .item-photo img {float:none;margin:0 0 0.5rem;}
ul.items li .item-photo p.description {display:block;}
.search-results ul.items li .item-photo img {max-width:31.69%;float:left;}
/* Uitzondering Alphen 
.grid-11 ul.items li .item-photo img {max-width:42.055%;}
.grid-16 ul.items li .item-photo img {max-width:31.69%;}
.grid-16 ul.items.two li .item-photo img,
.grid-16 ul.items.three li .item-photo img,
.grid-16 ul.items.four li .item-photo img {max-width:39.29%;}
*/
/* Uitzondering Duurzaam
@font-face {
    font-family: 'museo';
    src: url('/dsresource?objectid=b068e0cf-b636-4876-8605-099a4095cdd0') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.grid-11 ul.items li .item-photo img,
.grid-16 ul.items li .item-photo img,
.grid-16 ul.items.two li .item-photo img,
.grid-16 ul.items.three li .item-photo img,
.grid-16 ul.items.four li .item-photo img {max-width:100%;margin-bottom:1rem;}
@media only screen and (max-width: 639px) {
    p.with-photo img {float:none;margin-right:0 !important;}
}
*/

/* Beheeromgeving fix*/
body.dsEditToolbarVisible div[id^="dsedit"] {font-size:14px;}

#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;}

.dsEditText {display:inherit;}

.pageheader,
#actions {display:none;}
div#content-footer {border-width:0;margin:0;padding:0;min-height:6rem;}

/* Grid */
div.grid-16 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem !important;}
div.grid-11 {width:calc(66.99% - 1.75rem) !important;margin:0 1.125rem 0 0.625rem;box-sizing:border-box;}
div.grid-5 {width:calc(33% - 1.75rem) !important;margin:0 0.625rem 0 1.125rem;box-sizing:border-box;}
.layout_search div.grid-11 {margin:0 0.625rem 0 1.125rem;}
.layout_search div.grid-5 {margin:0 1.125rem 0 0.625rem;}
.grid-11 .search-results ul.items li .item-photo img {max-width:25.24%;}
.contentrow .contentrow {width:100% !important;margin:0;}
.contentrow.contentrow_breadcrumb {overflow:visible;} 

/* Kolommen */
.columns.two .column {width:calc(50% - 2.25rem);margin:0;box-sizing:border-box;}
.columns.two .column.odd {margin-right:1.125rem;}
.columns.two .column.even {margin-left:1.125rem;}

.columns.three .column {width:calc(33.33% - 1.5rem);margin:0 1.125rem;box-sizing:border-box;}
.columns.three .column.first-column,
.columns.three .column.alpha {margin-left:0;}
.columns.three .column.last-column,
.columns.three .column.omega {margin-right:0;}

.columns.four .column {width:calc(25% - 1.7rem);margin:0 1.125rem;box-sizing:border-box;}
.columns.four .column.odd.first-column {margin-left:0;}
.columns.four .column.even.last-column {margin-right:0;}


/* Reset */
.fixed_header #row1 {padding-top:0 !important;}
#row1 .two.columns, #row2 .two.columns, #row3 .two.columns, #row4 .two.columns, #row5 .two.columns, #row6 .two.columns {margin:0;}
.section.briefing li p.description, .container_aside.landing.eventlist ul.items li p.description {display:inline;margin:0;}
.section.briefing li img, .container_aside.landing.eventlist ul.items li img {float:left;width:unset;height:unset;margin:0.25rem 1rem 0 0;}


/* Cookiebanner */
.information-bar {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #85BCE9;
	padding: 2rem;
	border-radius: 10px;
	max-width: 700px;
	border-bottom: 0;
	box-shadow: 4px 4px 10px rgb(0 0 0 / 30%);
}
#cookie_notification.information-bar .cookie_content {align-items:end;}
.information-bar .text {color: #000000;}
.information-bar button#close_notification {margin-right:0;border:2px solid #003B5D;background-color:#003B5D;color:#FFFFFF;}
.information-bar button#close_notification:focus,
.information-bar button#close_notification:hover{background-color:#FFFFFF;color:#003B5D;}

a,
button,
input.submit {transition:all 0.2s;}

.columns,
.items li, dl.items dd {overflow:visible;}

/* Formelementen */
form.simpleform .inputfield {border-color:#003B5D;padding:0.6rem; border-radius:0.5rem;height:2.5rem;}
form.simpleform input.submit,
button {border:2px solid #003B5D;border-radius:0.5rem;background-color:#003B5D;color:#FFFFFF;}
form.simpleform input.submit:hover,
form.simpleform input.submit:focus,
button:hover,
button:focus {background-color:#85BCE9;color:#003B5D;outline-offset:-4px;}

/* Zoekresultaten */
.section.search-results .simpleform {position:relative;overflow:auto;}
.section.search-results .simpleform .inputfield {border-radius:0.5rem 0 0 0.5rem;}
.section.search-results .simpleform .inputfield:focus {border-color:#003B5D;outline-offset:-4px;}
.section.search-results .simpleform label {position:absolute;left:-999999em;top:-999999em;}
.section.search-results .simpleform .form-row {float:left;width:90%;}
.section.search-results .simpleform .submit-buttons {position:absolute;right:0;top:0;clear:right;float:left;width:10%;padding:0;margin:0;}
.section.search-results .simpleform .submit-buttons input {border-left-width:1px;border-radius:0 0.5rem 0.5rem 0;width:100%;height:2.5rem;}
.section.search-results ul.items li {padding-top:2rem;}
.section.search-results ul.items li h3 {margin-top:0;}

/* Paginering */
ul.pagerbar {display:flex;justify-content:center;}
ul.pagerbar li a,
ul.pagerbar li.current {margin:0 !important;padding:0.6rem !important;min-width:2.5rem; border:2px solid #003B5D;line-height:1;border-radius:0.5rem;display:flex;justify-content: center;align-items: center;}
ul.pagerbar li {margin:0 0.25rem;display:flex;justify-content: center;align-items: center;}
ul.pagerbar li.current {background-color:#FFFFFF;color:#003B5D;}
ul.pagerbar li a {background-color:#003B5D;color:#FFFFFF;}
ul.pagerbar li a:hover,
ul.pagerbar li a:focus {background-color:#85BCE9;color:#003B5D;}

/* Optionele toegankelijkheidsknoppen */
.tinyblock_enabled #header .container-sessions {top:100px;}
#tinyblock #accessibility-tools {
    position: fixed;
    float: none;
    width: 2.5rem;
    height: auto;
    background-color: #003B5D;
    top: 7rem;
    left:auto;
    border-radius:0.5rem 0 0 0.5rem;
}
#tinyblock #accessibility-tools button.switch {
    width:2.5rem;
    height:2.5rem;
}
#tinyblock #accessibility-tools .hint {
    right: -200px;
    top: 0px;
    line-height: auto;
    height: auto;
    box-sizing: border-box;
    background-color: #003B5D;
    color: #FFFFFF;
}
#tinyblock #accessibility-tools button.switch:hover .hint {
    right: 3rem;
    top: 0.25rem;
}

#row1,
#row3 {background-color:#FFFFFF;}
#row1.row1_breadcrumb,
.fixed_header #row1.row1_breadcrumb {padding:2.5rem 0 0.5rem !important;}
 #calamity,
.fixed_header #calamity {margin:2rem 0.65rem;}
.breadcrumbs {margin:0 0.625rem;padding:0;min-height:unset;}
.breadcrumbs.with_bannerfoto {margin-bottom:2rem;}
.breadcrumbs ol li {padding:3px;display:inline-block;}
.breadcrumbs ol,
.breadcrumbs a {color:#003B5D;}
.grid-16 {float:none;display:block;}
.row2_content {margin-top:2rem;}

html {
    transition: all 0.2s;
}
body {
    font-family: Arial, sans-serif;
    font-size:1rem;
    line-height:1.5rem;
    color:#000000;
}
p, dl, ul, ol, hr {color:#000000;margin-bottom:1rem;}
a {transition:all 0.2s;}
a:hover,
a:focus {color:#003B5D;}
a:focus,
button:focus {outline:2px dotted;outline-offset:0 !important;}
a.list-icon,
#social-sharing a.list-icon.whatsapp-icon,
.list-icon.fax-icon::before {color:#003B5D;}

h1, h2, h3, h4, h5, h6,
#product-description h3, 
#product-conditions h3, 
#product-price h3, 
#product-details h3, 
#product-order h3,
#product-application h3, 
#product-tips h3 {color:#003B5D;}
p.description, a, .item-text .title a, .item-title, .items p.description, .subitems p.description {color:#003B5D;}
h1 ~ .description {margin: 0 0 1rem;font-weight:bold;font-size:1rem;clear:both;color:#000000;}

h1 {font-size:2.25rem;font-weight:normal;line-height:normal;margin:0 0 1rem;}
h2,
.items h2 {font-size:1.5rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;}
h3,
.items h3,
.items h2 {font-size:1.25rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem}
h4,
.items h4 {font-size:1rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}
h5 {font-size:1rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}
h6 {font-size:1rem;font-weight:normal;font-style:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}

/* tabellen */
table {margin-bottom:1rem;}
th {text-align:left;}
caption {text-align:left;font-weight:bold;}
.section table tr,
.section table th,
.section table td {border-width: 1px;border-color:#003B5D;border-style:solid;text-align:left;}
.section table thead th,
.section table tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
.section table tr:nth-child(even) {background-color:#85BCE925;color:#000000;}
.section table tr:nth-child(odd) {background-color:#FFFFFF;color:#000000;}

table.raster1 thead th,
table.raster1 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}

table.raster2 thead th,
table.raster2 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
table.raster2 td:nth-child(odd) {background-color:#85BCE925;color:#000000;}
table.raster2 td:nth-child(even) {background-color:#FFFFFF;color:#000000;}

table.raster3 thead th,
table.raster3 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
table.raster3 tr:nth-child(even) {background-color:#85BCE925;color:#000000;}
table.raster3 tr:nth-child(odd) {background-color:#FFFFFF;color:#000000;}

p.emphasisred {padding:0.5rem;border-width:0;/*color:#FFFFFF;background-color:#A70000;*/}
p.emphasisgreen {padding:0.5rem;border-width:0;/*color:#000000;background-color:#269547;*/}
p.emphasisyellow {padding:0.5rem;border-width:0;/*color:#000000;background-color:#85BCE9;*/}

a.calltoaction {position:relative;transition:all 0.2s; border-radius:0.5rem;background-color:#003B5D;color:#FFFFFF;border:2px solid #003B5D;padding:0.5rem 1rem;}

a.calltoaction:hover,
a.calltoaction:focus {background-color:#FFFFFF;color:#003B5D;}

a.calltoaction:hover img,
a.calltoaction:focus img {}

a.calltoaction img {vertical-align:text-top;}

.toggle_container {margin-bottom:1rem;}
.toggle_heading {font-size:1.5rem;font-weight:normal;}
.blocktitle:after {line-height:1.75rem;}
button.blocktitle, .section.product button.blocktitle {transition:all 0.2s; background-color:#FFFFFF;color:#003B5D;border:1px solid #003B5D;padding:0.5rem;border-radius:0.5rem;}
.blocktitle:focus, .blocktitle:hover, 
.product .blocktitle:focus, .product .blocktitle:hover {background-color:#FFFFFF;color:#003B5D;}
.blocktitle.toggle-active, .section.product .blocktitle.toggle-active {background-color:#FFFFFF;color:#003B5D;border-width:1px 1px 0;border-radius:0.5rem 0.5rem 0 0;}
.hidden_information, .product .hidden_information {border-color:#003B5D;border-width:0 1px 1px;border-radius:0 0 0.5rem 0.5rem;}

.hidden_information.open, .vacitem .hidden_information.open, .toggle_container .hidden_information.open {border-color:#003B5D;}

.objectinfo {font-size:1rem;color:#000000;}

/* Header */
div#header {border-bottom:1px solid #003B5D;min-height:5.625rem;}
div#header a#logo {padding:0 0 0 0.625rem;width:20.5%;margin:2px 0;}
div#header a#logo img {width:100%;}
.fixed_header.scrolled_past_header #menu_wide {box-shadow:unset;}

/* Menu */
body a.skip-link.display-in-place-on-focus,
ul.dropdown li.active_list ul.dropdownmenu {display:none !important;opacity:0 !important;visibility:hidden !important;}
.singlemenu li:hover > a, .singlemenu li a.show-menu {background-color:transparent;}
@media only screen and (min-width: 960px) {
    body.menutype_horizontal ul#dl-menu,
    .fixed_header #menu_wide ul#dl-menu {display:flex;justify-content:space-evenly;box-sizing:border-box;}
    body.menutype_horizontal #menu_wide,
    .fixed_header #menu_wide {background-color:transparent;z-index:5;}
}
@media only screen and (max-width: 959px) {
    div#header {min-height:unset;height:auto !important;}
    a#logo {display:block;max-width:unset;width:30%;}
    a#logo img {max-height:unset !important;max-width:unset !important;width:100%;}
    .fixed_header #menu_wide::after {box-shadow:unset;position:static;}
    .fixed_header #menu_wide {float:none;right:unset;background-color:#FFFFFF;top:17px;left:0;height:auto;width:100%;}
    .fixed_header #menu_wide #menu-icon {display:none;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li {padding-top:2px;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li.first-child {width:auto;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li > ul.dropdownmenu, 
    .fixed_header #menu_wide #dl-menu.menu-horizontal li.active > ul.dropdownmenu {display:none !important;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal a {background-color:transparent;}
    
    div#header {border-width:0;}
    .fixed_header #menu_wide ul#dl-menu {margin:0;min-height:4rem;overflow:visible;display:flex !important;justify-content: space-evenly;width:100% !important;border-bottom:1px solid #003B5D;position:static;}
    #tinyblock form#quicksearch {margin-top:0.3rem !important;top:0; right:0;}
    #calamity {width:auto !important;}
    #row1:not(.error):has(#bannerfoto) .breadcrumbs {background-color:transparent;padding:10px 0;margin:0 0 1rem;}
    #row1:not(.error) .contentrow:has(#bannerfoto) {aspect-ratio: 2.5 / 1 !important;height:165px;}
    #row1:not(.error):has(#bannerfoto) {background-size:180% auto;}
    body.detail_aside #row1:not(.error):has(#bannerfoto) {background-size:100% auto;padding-top:10px !important;}
    body.detail_aside #row1:not(.error):has(#bannerfoto) ~ .row2_content {margin-top:0;}
    
}
body.menutype_horizontal #dl-menu.menu-horizontal li.first-child {margin-left:0;}
body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {color:#003B5D;font-size:1.375rem;padding:1rem 0.5rem;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active-list a {text-decoration:none;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active a.toplevellink,
body.menutype_horizontal #dl-menu.menu-horizontal li a.toplevellink:hover,
body.menutype_horizontal #dl-menu.menu-horizontal li a.toplevellink:focus {
    text-decoration:none;
    background-color:transparent;
    color:#003B5D;
}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink::after,
body .nav #menu_wide .menu-horizontal li a:hover::after,
body .nav #menu_wide .menu-horizontal li a:focus::after {
    content: "";
    display: block;
    position: absolute;
    height: 0.325rem;
    box-shadow: 0px 0.325rem #003B5D;
    transition: ease all 0.2s;
}
body .nav #menu_wide .menu-horizontal li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
    background-color: transparent;
    text-decoration: none;
    box-shadow: 0px 0.325rem #003B5D;
    transition: ease all 0.2s;
}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink::after {box-shadow: 0px 0.325rem #85BCE9;}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink:hover::after,
body .nav #menu_wide .menu-horizontal li.active a.toplevellink:focus::after{box-shadow: 0px 0.325rem #003B5D;}

/* Snel zoeken */
#tinyblock {right:0.625rem;}
#tinyblock form#quicksearch {max-width:365px;width:auto;height:auto;margin-top:1.3rem; border:2px solid #003B5D; border-radius:0.5rem;}
.livesearch ul {max-width:363px;margin-bottom:0;box-shadow:unset;border-radius:0 0 0.5rem 0.5rem;}
.livesearch a {display:inline-block;}
#tinyblock form#quicksearch p {display:flex;}
#tinyblock form#quicksearch input.text {
    font-size:1.375rem;
    color:#003B5D;
    border-width:0;
    background-color:transparent;
    width:100%;
    height:3rem;
    float:none;
    padding:0 0.75rem;
}
#tinyblock form#quicksearch input.text:focus {outline:2px dotted #003B5D;outline-offset:-4px;}
form#quicksearch button.submit {
    float:none;
    margin:0;
    font-size:1.375rem;
    padding:0 0.75rem;
    background-color:#003B5D;
    color:#FFFFFF;
    border-left:2px solid #003B5D;
    transition:all 0.2s;
    border-radius:0 0.3rem 0.3rem 0;
    overflow: visible;
    min-width: unset;
}
form#quicksearch button.submit:hover,
form#quicksearch button.submit:focus{
    background-color:#85BCE9;
    color:#003B5D;
}
form#quicksearch button.submit:focus {outline:2px dotted #000000;outline-offset:-6px !important;}
form#quicksearch button.submit::before {content:"";display:none;}
form#quicksearch button.submit .offscreen {position:static;}
.livesearch ul {margin-bottom:0;box-shadow:unset;border-radius:0 0 0.5rem 0.5rem;}
.all-results button {
	font-size:1rem;
	color:#003B5D;
}

/* Map weergaves */
ul.items li {border-top:1px solid #85BCE9;padding:2.25rem 0 1.25rem;margin:0;}
ul.items.no-description li {padding:1.25rem 0}
ul.items li h2 {margin-top:0;}

.section.briefing ul.items li h2 {min-height:3.1rem;}
.briefing nav {
    clear: both;
}

a.item-title {font-size:1.375rem;font-weight:normal;padding-right:2rem;display:block;}
a.item-title::after {
    content: "\F054";
    font-family: "fontawesome";
    font-size: 1rem;
    position:absolute;
    top:2.5rem;
    right:0;
}
ul.items.no-description li a.item-title::after {top:1.25rem;}
.items p.description,
.items p.with-photo {margin:0 0 1rem;}

.items p.with-photo .item-photo img {
    padding:0;
    margin:0.25rem 1rem 0 0;
}

h2.sub-heading {clear:both;margin:2rem 0;padding-bottom:2rem;border-bottom-color:#85BCE9;}
.section ul.items.three.columns.no-description a.item-title {font-size:1rem;}
/* Home */

div#row2[class$="_onlytoptasks"] {border-top:1px solid #003B5D;}
div.onlytoptasks {padding:3rem 0.625rem 1rem;}
div.onlytoptasks ul.onlytoptasks {column-gap: 2.25rem;}
div.onlytoptasks ul.onlytoptasks.bannercount-1 {columns:1;}
div.onlytoptasks ul.onlytoptasks.bannercount-2 {columns:2;}
div.onlytoptasks ul.onlytoptasks.bannercount-3 {columns:3;}
div.onlytoptasks ul.onlytoptasks.bannercount-4 {columns:4;}
div.onlytoptasks ul.onlytoptasks.bannercount-5 {columns:5;}
div.onlytoptasks ul.onlytoptasks.bannercount-6 {columns:6;}
div.onlytoptasks ul.onlytoptasks li.column {float:none;}
div.onlytoptasks ul.onlytoptasks.bannercount-1 li,
div.onlytoptasks ul.onlytoptasks.bannercount-2 li,
div.onlytoptasks ul.onlytoptasks.bannercount-3 li,
div.onlytoptasks ul.onlytoptasks.bannercount-4 li,
div.onlytoptasks ul.onlytoptasks.bannercount-5 li,
div.onlytoptasks ul.onlytoptasks.bannercount-6 li {width:100%;}
div.onlytoptasks ul.onlytoptasks li.column a {font-size:1.25rem;border-radius:0.5rem;background-color:#FFFFFF;color:#003B5D;border-width:1px;padding:0;}

ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;display: flex;align-items: center;justify-content: center;}
ul.onlytoptasks li.column a span {padding:0.5rem;box-sizing:border-box;align-items:normal;height:auto;}
.sublayout_row1_onlytoptasks {aspect-ratio: 4.26667 / 1;background-size:100%;}

div[id^="row"][class$="_one-columns"] {background-color:#FFFFFF !important;}
div[id^="row"][class$="_one-columns"] .onecolumn {margin:0 0.625rem 3rem;}
div[id^="row"][class$="_one-columns"] .onecolumn .container {margin:0;}
.onecolumn .landing.folder ul.items {
    column-gap: 2.25rem;
    border-top:1px solid #85BCE9;
    border-bottom:1px solid #85BCE9;
}
.onecolumn .landing.folder ul.items .column {
    padding:0;
    margin: 0;
    background-color: transparent;
    border-width: 0 0 1px;
    border-color: #85BCE9;
    
}
.onecolumn .landing.folder ul.items li a  {margin: 0.25rem;display:block;height:auto;}
.onecolumn .landing.folder ul.items li a.item-title {padding:0;}
.onecolumn .landing.folder ul.items li a.item-title::after {content:"";}
.onecolumn .landing.folder ul.items li a span.title {font-weight:normal;padding:1rem 0;font-size:1.25rem;color:#003B5D;}

.sublayout_row3_three_column {padding-top:2rem;padding-bottom:2rem}

div[id^="row"][class$="_thematictabs"],
.sublayout_row3_three_column {background-color:#85BCE925 !important;}
#thematictabs {margin:3rem 0.625rem 0;overflow:hidden;}
div.alpha[class^="width-"] {padding:0;float:none;}
div.alpha.only-one-item h2 {position:static;padding:0 0 1rem;background-color:transparent;color:#003B5D;}
div.alpha.only-one-item .container .container-content {padding:0;}
div.alpha.only-one-item .container .container-content ul.items {display:flex;gap: 2.25rem;}
div.alpha.only-one-item .container .container-content ul.items li {box-sizing:border-box;flex:1; list-style-type:none;padding:0;margin:0;overflow:hidden;}
div.alpha.only-one-item .container .container-content ul.items li a {justify-content:space-between;overflow:hidden;box-sizing:border-box;height:100%;background-color:#FFFFFF;display:flex;flex-direction:column;border-radius:0.5rem;border:2px solid #003B5D;position:relative;}
div.alpha.only-one-item .container .container-content ul.items li a h3 {margin:0 1rem 1rem;font-weight:bold;}
div.alpha.only-one-item .container .container-content ul.items li a h3 .item-photo {display:block;}
div.alpha.only-one-item .container .container-content ul.items li a h3 .item-photo img {max-width:unset !important;width:calc(100% + 2rem); margin:0 -1rem 1rem;}
div.alpha.only-one-item .container .container-content ul.items li a p.description {display:none;padding:0 1rem 1rem;font-weight:normal;}
div.alpha.only-one-item .container .container-content ul.items li a span.objectinfo {font-weight:normal;padding-bottom:0.25rem;padding-left:1rem;}

div.alpha.only-one-item .container .container-content li.shorts {background-color:#FFFFFF;display:block;border-radius:0.5rem;border:2px solid #003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items {display:block;}
div.alpha.only-one-item .container .container-content li.shorts ul.items li {
    width:100%;
    background-color: transparent;
    border-bottom: 1px solid #85BCE9;
    padding: 0.25rem;
    box-sizing:border-box;
}
div.alpha.only-one-item .container .container-content li.shorts ul.items li.last-child {border-width:0;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a,
div.alpha.only-one-item .container .container-content ul.items li a.read-more{
    border-width:0;
    border-radius:0;
    padding:0.75rem 1rem;
    margin:0;
    height:unset;
    font-size:1rem;
}

div.alpha.only-one-item .container .container-content li.shorts ul.items a {color:#003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a:hover,
div.alpha.only-one-item .container .container-content li.shorts ul.items a:focus {color:#003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a::after {content:"";}
div.alpha.only-one-item .container .container-content ul.items li a.read-more {text-decoration:none;padding:0.5rem 1.25rem;}
div.alpha.only-one-item .container .container-content ul.items li a.read-more:hover,
div.alpha.only-one-item .container .container-content ul.items li a.read-more:focus {text-decoration:underline;}

/* Rij 5 Meer berichten */
#row5.sublayout_row5_one-columns {background-color:#85BCE925 !important;}
#row5.sublayout_row5_one-columns .landing.container.document {margin-top:0 !important;}

/* Footer */
.footer_website {border-top:1px solid #003B5D;}
#footer {border-top:1px solid #003B5D;text-align:center;}
.footer_website .contentrow {width:100%;}
#footer_columns {padding:3rem 0.625rem;margin:0 auto;}
#footer_columns {display:flex;gap:2.25rem;}
#footer_columns.three .column {width:33%;margin:0;}
#footer_columns #contact {display:none;}
#footer_columns .column h2 {font-size:1.5rem;font-weight:normal;margin-top:0;}
#footer_columns .column h3 {font-size:1.25rem;font-weight:normal;margin:1rem 0 0.5rem;}

.visittime .location_open,
.visittime .location_closed,
.visittime .location_open.nexttime {font-weight:normal;margin-bottom:0;}
.visittime .location_closed {color:#BB0000;}
.visittime a.read-more {font-weight:normal;}

#footer_columns a:hover img,
#footer_columns a:focus img {opacity:0.9;}
div#footer ul.quicklinks {margin:1rem 0 2rem;float:none;}
div#footer ul.quicklinks li {border-right: 1px solid #003B5D;padding: 0 0.5rem;margin: 0;}
div#footer ul.quicklinks li.last-child {border-width:0;}
div#footer ul.quicklinks li a {color:#003B5D;}


/* Duurzaam */
div[id^="row"][class$="_one-columns"] .landing.container.document {margin-top:3rem;}
div[id^="row"][class$="_one-columns"] .landing.document h2 {display:none;}
div[id^="row"][class$="_one-columns"] .landing.document p {margin-bottom:0;}
div[id^="row"][class$="_one-columns"] .landing.document q {color:#269547;font-family:"museo", Arial, sans-serif;font-size:5rem;line-height:7.5rem;}

div[id^="row"][class$="_two-columns6633"] .columns {display:flex;margin:3rem 0.625rem; border-top:1px solid #85BCE9;}
div[id^="row"][class$="_two-columns6633"] .column {overflow:hidden;}
div[id^="row"][class$="_two-columns6633"] {background-color:#FFFFFF !important;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:65.36666%;margin:3rem 1.25rem 3rem 0;border-bottom:1px solid #85BCE9;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 h2 {padding:0;margin:0 0 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 img {box-sizing:border-box;border:2px solid #003B5D;border-radius:0.5rem;overflow:hidden;}

div[id^="row"][class$="_two-columns6633"] .column.width-33 {width:31.3333%;margin:3rem 0 3rem  1.25rem;}
div[id^="row"][class$="_two-columns6633"] .column.width-33 .container {margin-bottom:0;}
div[id^="row"][class$="_two-columns6633"] .quickto h2 {position:absolute;left:-999999em;top:-999999em;background-color:transparent;padding:0;margin:0 0 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .quickto ul {margin-top:3rem;margin-bottom:0;background-color:transparent;border:2px solid #003B5D;border-radius:0.5rem;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li {background-color:transparent;border-color:#85BCE9;padding:0.25rem;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li:last-child {border-width:0;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li a {padding: 0.75rem 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li a:hover,
div[id^="row"][class$="_two-columns6633"] .quickto ul li a:focus {background-color:transparent;}

div[id^="row"][class$="_newsblock"] {background-color:#85BCE925 !important;}
div[id^="row"][class$="_newsblock"] .onecolumn {margin:3rem 0.625rem;}
div[id^="row"][class$="_newsblock"] .onecolumn h2{margin:0 0 1rem;}
div[id^="row"][class$="_newsblock"] .onecolumn h2 .newstitle {position:absolute;left:-999999em;top:-999999em;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items {gap:2.25rem;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li.column {padding:0;margin:0 !important;border-width:0;}
div[id^="row"][class$="_newsblock"] .column a {
    box-sizing: border-box;
    overflow:hidden;
    background-color: #FFFFFF;
    border-radius: 0.5rem;
    border: 2px solid #003B5D;
    color:#003B5D;
    position:relative;
}
div[id^="row"][class$="_newsblock"] .column a:focus {border-style:dotted;outline:none;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li span.title {
    font-size: 1.375rem;
    font-weight: normal;
    line-height: normal;
    margin:1rem;
    padding:0;
    color:#003B5D;
}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items .objectinfo {
    position: absolute;
    bottom: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    color:#003B5D;
}

/* Aside */
.detail_aside #side-content {margin-top:0;}
.detail_aside #side-content .container_aside {margin-bottom:1rem;}
.detail_aside #side-content .container_aside h3 {border-bottom:1px solid #85BCE9;background-color:transparent;color:#003B5D;font-size:1.5rem;padding:1rem;}
.detail_aside #side-content .container_aside .container-content {border:0;}
.detail_aside #side-content .container_aside .container-content ul.items li {border-bottom:1px solid #85BCE9;padding:0.25rem;box-sizing:border-box;}
.detail_aside #side-content .container_aside .container-content ul.items li a {padding: 0.75rem 1rem;color:#003B5D;}
.detail_aside #side-content .container_aside .container-content ul.items li a:hover {background-color:transparent;}

/* algemeen responsive */
@media only screen and (max-width: 512px) {
    html {font-size:12px !important;}
    div.contentrow {width:94% !important;margin:0 auto;}
    
    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;flex-direction:column;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
   
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul[class*="bannercount-"] {columns:1 !important;}
    div.onlytoptasks ul.onlytoptasks {column-gap:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks li {margin:0 !important; border-top:1px solid #85BCE9;height:unset !important;}
    div.onlytoptasks ul.onlytoptasks li:first-child {border-width:0;}
    .sublayout_row2_onlytoptasks{border-bottom:1px solid #003B5D;margin-bottom:2rem;padding-bottom:2rem;}
    div.onlytoptasks {padding:0 0.625rem;}
    div.onlytoptasks ul.onlytoptasks li.column a {align-items:center;flex-direction:row;min-height:unset;height:auto;margin:0.25rem;padding:1rem 0;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 1rem 0 0 ;}
    ul.onlytoptasks li.column a span {justify-content:left;}
    
    .columns.three .column {width:100%;margin:0 !important;}
    .columns.three .column {margin:0 !important;clear:both !important;}
    .section ul.items.three.columns li:nth-child(1) {border-top:0;}
    
    #footer_columns {flex-direction:column;}
    #footer_columns.three .column {width:100%;}

    .section.search-results .simpleform .form-row {width:80%;}
    .section.search-results .simpleform .submit-buttons {width:20%;}
    
    .fixed_header #header {height:137px !important;}
    .fixed_header #menu_wide {top:0 !important;}
    div#header a#logo {margin:0 auto;width:220px !important;max-width:unset;padding:0;}
    #tinyblock {top:60px;width:100%;left:0;right:0;}
    #tinyblock form#quicksearch {position:static; float:none;margin:auto;}
    #tinyblock form#quicksearch input.text {width:80%;}
    #tinyblock form#quicksearch button.submit {width:20%;}
    .tinyblock_enabled #header .container-sessions {top:55px;}
    
    
    /* Verberg headerfoto op mobiel
    div.sublayout_row1_onlytoptasks {aspect-ratio:unset;background-image:none;} */
    div#row2[class$="_onlytoptasks"] {border-top-width:0;}
    
    
    /* Duurzaam */
    div[id^="row"][class$="_one-columns"] .landing.document q {font-size:3rem;line-height:3.5rem;}
    div[id^="row"][class$="_two-columns6633"] .columns {flex-direction:column;}
    div[id^="row"][class$="_two-columns6633"] .column.width-33,
    div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:100%;float:none;margin:2rem 0;}
    
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li {width:100%;clear:both;}
    div.alpha.only-one-item .container .container-content ul.items li.with_dsecription {overflow:visible;}
    

}
@media only screen and (min-width: 513px) and (max-width: 639px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}

    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul[class*="bannercount-"] {columns:3 !important;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;}
    
    .columns.three .column {width:100%;margin:0 !important;}
    .columns.three .column {margin:0 !important;clear:both !important;}
    .section ul.items.three.columns li:nth-child(1) {border-top:0;}
    
    
    /* Duurzaam */
    div[id^="row"][class$="_one-columns"] .landing.document q {font-size:3rem;line-height:3.5rem;}
    div[id^="row"][class$="_two-columns6633"] .columns {flex-direction:column;}
    div[id^="row"][class$="_two-columns6633"] .column.width-33,
    div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:100%;float:none;margin:2rem 0;}
    
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li {width:calc(50% - 1.125rem);}
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li:nth-child(odd) {clear:left !important;}
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li:nth-child(even) {clear:right !important;}
    
}
@media only screen and (max-width: 767px) {
    div#header a#logo {
        width:160px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}

    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:100% !important;margin:0 auto;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks.bannercount-6 {columns:3;}
    div.onlytoptasks ul.onlytoptasks li.column a {aspect-ratio:6 / 5;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;}
    
    .columns.three .column {width:calc(50% - 1.125rem);margin:0 !important;}
    .columns.three .column.last-column {margin:0;}
    .columns.three .column.odd {margin:0 1.125rem 0 0 !important;clear:left;}
    .columns.three .column.even {margin:0 0 0 1.125rem !important;clear:right;}
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2) {border-top:0;}
    
}
@media only screen and (min-width: 768px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.35rem);}
    .onecolumn .landing.folder ul.items .column:nth-last-child(-n+3) {border-width:0;}
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.two.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(3),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(3){border-top-width:0;padding-top:0;}
    
    .section ul.items.two.columns li:nth-child(1) a::after,
    .section ul.items.two.columns li:nth-child(2) a::after,
    .section ul.items.three.columns li:nth-child(1) a::after,
    .section ul.items.three.columns li:nth-child(2) a::after,
    .section ul.items.three.columns li:nth-child(3) a::after,
    .section ul.items.two.columns.no-description li:nth-child(1) a::after,
    .section ul.items.two.columns.no-description li:nth-child(2) a::after,
    .section ul.items.three.columns.no-description li:nth-child(1) a::after,
    .section ul.items.three.columns.no-description li:nth-child(2) a::after,
    .section ul.items.three.columns.no-description li:nth-child(3) a::after {top:0.5rem;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(50% - 1.2rem);}
    .onecolumn .landing.folder ul.items .column:nth-last-child(-n+2) {border-width:0;}
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.two.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(2)){border-top-width:0;padding-top:0;}

}
@media only screen and (max-width: 639px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 100%;}
    .onecolumn .landing.folder ul.items .column:nth-last-child(1) {border-width:0;}
    
    .columns.two .column {width: calc(100% - 1.125rem);}
    
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(1) {border-top-width:0;padding-top:0;}
    
    .section ul.items.two.columns li:nth-child(1) a::after,
    .section ul.items.three.columns li:nth-child(1) a::after,
    .section ul.items.two.columns.no-description li:nth-child(1) a::after,
    .section ul.items.three.columns.no-description li:nth-child(1) a::after {top:0.5rem;}
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}
    
    .footer_website .contentrow {width:100% !important;}
    
    div#header a#logo {width:25%;}
    .breadcrumbs {margin-left:0.625rem !important;}

    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    .container .container-content {margin:0 !important;}
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    html {font-size:14px}
    .contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:920px;}
    
   /* Header en menu aanpassingen */
    div#header a#logo {width:22%;}
    div#header {min-height:8rem;}
    .tinyblock_enabled #header .container-sessions {top:120px;}
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:4.5rem;}
    #tinyblock form#quicksearch {margin-top:0.5rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:0;padding-left:0;}
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:0.75rem 0.5rem;}

    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    html {font-size:14px}
    .contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:985px;}
    
    /* Header en menu aanpassingen */
    div#header a#logo {width:22%;}
    div#header {min-height:8rem;}
    .tinyblock_enabled #header .container-sessions {top:120px;}
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:4.5rem;}
    #tinyblock form#quicksearch {margin-top:0.5rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:0;padding-left:0;}
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:0.75rem 0.5rem;}

    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
}
@media only screen and (min-width: 959px) and (max-width: 1359px) {
.fixed_header #header {position:static;}
body.menutype_horizontal #menu_wide, .fixed_header #menu_wide {top:-3.5rem;position:absolute;}
.fixed_header #readspeaker {padding-top:0;}
}

@media only screen and (min-width: 1360px) and (max-width: 1459px) {
    html {font-size:15px}
    .contentrow,#menu_wide ul#dl-menu,#footer_columns {width:1320px;}
    /* menu */
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:1.2rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:21.5rem;padding-left:19rem;}
    #row5.sublayout_row5_one-columns .landing.container.document{width: 31.67%;margin-left: auto;}
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.275rem);}
}

@media only screen and (min-width: 1460px) {
    html {font-size:18px;}
    .contentrow,#menu_wide ul#dl-menu,#footer_columns {width:1440px;}
    /* menu */
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:1.2rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:21.5rem;padding-left:19rem;}
    #row5.sublayout_row5_one-columns .landing.container.document{width: 31.67%;margin-left: auto;}
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.275rem);}
}

@media only screen and (min-width: 1920px) {
    .sublayout_row1_onlytoptasks {background-size:1920px 450px;aspect-ratio:unset;height:450px;}
}
@media only screen and (min-width: 480px) and (max-width: 959px) {
ul.onlytoptasks.bannercount-5 li.column:nth-child(4) {clear:none;margin-left:0;margin-top:0;}
ul.onlytoptasks.bannercount-5 li.column:nth-child(5){margin-top:0;}
}

/* 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; }

/* 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 screen and (max-width: 767px) {
    div#bannerfoto {display:block !important;height:180px !important;}
    #row1.row1_breadcrumb, .fixed_header #row1.row1_breadcrumb {background-size:767px auto;}
} 
@media screen and (min-width: 641px) {
    .items.columns li {
        display: grid;
        grid-template-rows: minmax(3.6rem, max-content) auto;
    }
    .items.columns li p.with-photo .item-photo img {margin:0 0 1rem;}
    
/* Feedback smileys */    
    @media print {
	.sz-feedback-section {
		display: none !important; 
	}
}
}
.sz-feedback-container-close-button,
.sz-feedback-submit-button,
.sz-feedback-toggle-button,
.sz-feedback-rating-icon-label {
	position: static !important;
	color: #FFFFFF !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	float: none !important;
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	height: auto !important;
	text-transform: none !important;
	text-shadow: none !important;
	box-sizing: border-box !important;
}

.sz-feedback-main-font-style {
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif !important;
	font-size: 14px !important;
	color: #FFFFFF !important;
	line-height: 1.5 !important;
}

.sz-feedback-container {
	width: 320px;
	padding: 12px;
	box-sizing: border-box;
	z-index: 2147483646;
	background-color: #1c6632;
}

.sz-feedback-container>form {
	display: block;
	margin: 0;
	padding: 0;
}

.sz-feedback-container>button {
	margin: 0;
}

.sz-feedback-question {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	text-transform: none !important;
}

.sz-feedback-support-link-right,
.sz-feedback-hide-link-right,
.sz-feedback-support-link-centered,
.sz-feedback-hide-link-centered {
	word-wrap: break-word !important;
	max-width: 296px;
	color: #FFFFFF !important;
	font-size: 0.8em !important;
	text-decoration: underline !important;
}

.sz-feedback-support-link-right,
.sz-feedback-hide-link-right {
	display: inline-block;
	float: right;
	text-align: right;
}

.sz-feedback-support-link-centered,
.sz-feedback-hide-link-centered {
	display: block;
	text-align: center;
}

.sz-feedback-support-link-right:hover,
.sz-feedback-hide-link-right:hover,
.sz-feedback-support-link-centered:hover,
.sz-feedback-hide-link-centered:hover,
.sz-feedback-support-link-right:focus,
.sz-feedback-hide-link-right:focus,
.sz-feedback-support-link-centered:focus,
.sz-feedback-hide-link-centered:focus {
	color: #FFFFFF !important;
}

.sz-feedback-label-note {
	display: inline-block;
	word-wrap: break-word;
	max-width: 296px;
	margin: 0;
	font-weight: normal !important;
	font-size: 0.9em !important;
}

.sz-feedback-container-gradient {
	background: #1c6632;
	background: -webkit-linear-gradient(transparent, #1c6632, transparent);
	background: -o-linear-gradient(transparent, #1c6632, transparent);
	background: -moz-linear-gradient(transparent, #1c6632, transparent);
	background: linear-gradient(transparent, #1c6632, transparent);
}

.sz-feedback-submit-button {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	padding: 10px 32px !important;
	width: 100% !important;
	margin-top: 12px !important;
	font-weight: bold !important;
}

.sz-feedback-container-arrow-down {
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 10px solid #1c6632;
	position: absolute;
	margin-top: 12px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sz-feedback-container-arrow-left {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 10px solid #1c6632;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	margin-left: -10px;
}

.sz-feedback-container-arrow-right {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid #1c6632;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
	margin-right: -10px;
}

.sz-feedback-toggle-button {
	position: relative !important;
	display: inline-block;
	background-color: #1c6632 !important;
	padding: 12px !important;
}

.sz-feedback-toggle-button-icon-container {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
}

.sz-feedback-toggle-button-text {
	white-space: nowrap;
	margin-left: 26px;
}

.sz-feedback-toggle-button-icon {
	fill: #FFFFFF !important;
	vertical-align: baseline !important;
}

.sz-feedback-text-align-center {
	text-align: center !important;
}

.sz-feedback-word-wrap {
	word-wrap: break-word !important;
}

.sz-feedback-display-block {
	display: block;
}

.sz-feedback-display-inline-block {
	display: inline-block;
}

.sz-feedback-display-none {
	display: none;
}

.sz-feedback-visibility-visible {
	visibility: visible;
}

.sz-feedback-visibility-hidden {
	visibility: hidden;
}

.sz-feedback-toggle-button-container {
	z-index: 2147483647;
}

.sz-feedback-toggle-button-icon-container-centered {
	left: 0;
	right: 0;
}

.sz-feedback-bottom-left-position,
.sz-feedback-bottom-center-position {
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sz-feedback-bottom-left-position {
	position: fixed;
	bottom: 1px;
	left: 10%;
	margin-left: 160px;
	-webkit-transition: left 0.5s;
	transition: left 0.5s;
}

.sz-feedback-bottom-center-position {
	position: fixed;
	bottom: 1px;
	left: 50%;
	margin-right: -50%;
}

.sz-feedback-bottom-right-position {
	position: fixed;
	bottom: 1px;
	right: 10%;
	-ms-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	margin-right: 160px;
	-webkit-transition: right 0.5s;
	transition: right 0.5s;
}

.sz-feedback-left-center-position,
.sz-feedback-left-bottom-position,
.sz-feedback-right-center-position,
.sz-feedback-right-bottom-position {
	-ms-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}

.sz-feedback-left-center-position {
	position: fixed;
	left: 1px;
	bottom: 50%;
}

.sz-feedback-left-bottom-position {
	position: fixed;
	left: 1px;
	bottom: 30%;
}

.sz-feedback-right-center-position {
	position: fixed;
	right: 1px;
	bottom: 50%;
}

.sz-feedback-right-bottom-position {
	position: fixed;
	right: 1px;
	bottom: 30%;
}

.sz-feedback-bottom-transition-visible {
	-ms-transform: translate(-50%, -70px);
	-webkit-transform: translate(-50%, -70px);
	-moz-transform: translate(-50%, -70px);
	-o-transform: translate(-50%, -70px);
	transform: translate(-50%, -70px);
	-webkit-transition: transform 0.5s, left 0.5s;
	transition: transform 0.5s, left 0.5s;
}

.sz-feedback-bottom-transition-hidden {
	visibility: hidden;
	-ms-transform: translate(-50%, 1000px);
	-webkit-transform: translate(-50%, 1000px);
	-moz-transform: translate(-50%, 1000px);
	-o-transform: translate(-50%, 1000px);
	transform: translate(-50%, 1000px);
	-webkit-transition: transform 0.5s, visibility 0.5s;
	transition: transform 0.5s, visibility 0.5s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.sz-feedback-bottom-right-transition-visible {
	-ms-transform: translate(50%, -70px);
	-webkit-transform: translate(50%, -70px);
	-moz-transform: translate(50%, -70px);
	-o-transform: translate(50%, -70px);
	transform: translate(50%, -70px);
	-webkit-transition: transform 0.5s, right 0.5s;
	transition: transform 0.5s, right 0.5s;
}

.sz-feedback-bottom-right-transition-hidden {
	visibility: hidden;
	-ms-transform: translate(50%, 1000px);
	-webkit-transform: translate(50%, 1000px);
	-moz-transform: translate(50%, 1000px);
	-o-transform: translate(50%, 1000px);
	transform: translate(50%, 1000px);
	-webkit-transition: transform 0.5s, visibility 0.5s;
	transition: transform 0.5s, visibility 0.5s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.sz-feedback-left-transition-visible {
	left: 70px;
	-webkit-transition: left 0.5s;
	transition: left 0.5s;
}

.sz-feedback-left-transition-hidden {
	left: -400px;
	visibility: hidden;
	-webkit-transition: left 0.5s, visibility 0.5s;
	transition: left 0.5s, visibility 0.5s;
}

.sz-feedback-right-transition-visible {
	right: 70px;
	-webkit-transition: right 0.5s;
	transition: right 0.5s;
}

.sz-feedback-right-transition-hidden {
	right: -400px;
	visibility: hidden;
	-webkit-transition: right 0.5s, visibility 0.5s;
	transition: right 0.5s, visibility 0.5s;
}

.sz-feedback-rotate-left-side {
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: rotate(90deg) translateX(-50%);
	-moz-transform: rotate(90deg) translateX(-50%);
	-ms-transform: rotate(90deg) translateX(-50%);
	-o-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
}

.sz-feedback-rotate-right-side {
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: rotate(270deg) translateX(50%);
	-moz-transform: rotate(270deg) translateX(50%);
	-ms-transform: rotate(270deg) translateX(50%);
	-o-transform: rotate(270deg) translateX(50%);
	transform: rotate(270deg) translateX(50%);
}

.sz-feedback-container-close-button {
	float: right !important;
	display: none;
}

.sz-feedback-validation-presenter {
	font-weight: bold;
	color: #555;
	text-align: center;
	word-wrap: break-word;
}

.sz-feedback-hide-validation {
	background-color: transparent;
}

.sz-feedback-show-validation {
	background-color: #FFF;
	padding: 2px;
	margin: 4px 0;
}

.sz-feedback-border-radius {
	border-radius: 20px !important;
}

.sz-feedback-rating {
	text-align: center;
	margin: 10px 0;
}

.sz-feedback-rating-icon-label {
	display: inline-block !important;
	height: 36px !important;
	width: 34px !important;
	padding: 0 3px !important;
	box-sizing: content-box !important;
}

.sz-feedback-rating-icon-label:hover>svg:not(.sz-feedback-rating-element-active) {
	opacity: 0.7 !important;
}

.sz-feedback-rating-icon {
	height: 34px;
	width: 34px;
	fill: #FFFFFF;
	padding: 1px;
	box-sizing: border-box;
}

.sz-feedback-rating-element-active {
	opacity: 1.0;
	 !important
}

.sz-feedback-rating-icon-input:focus+.sz-feedback-rating-icon-label {
	border-radius: 3px !important;
	box-shadow: 0 0 0 2px #FFFFFF !important;
}

.sz-feedback-visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.sz-feedback-textarea {
	color: #000 !important;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: white;
	resize: none;
	margin-top: 4px;
	padding: 4px;
	overflow: auto;
	border: 1px solid #ddd;
	vertical-align: top;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}

.sz-feedback-textarea::-webkit-input-placeholder {
	color: #767676;
}

.sz-feedback-textarea::-moz-placeholder {
	color: #767676;
	opacity: 1;
}

.sz-feedback-textarea:-moz-placeholder {
	color: #767676;
	opacity: 1;
}

.sz-feedback-textarea::-ms-input-placeholder {
	color: #767676;
}

.sz-feedback-textarea:-ms-input-placeholder {
	color: #767676 !important;
}

.sz-feedback-textarea::placeholder {
	color: #767676;
}

.sz-feedback-textarea:disabled {
	background-color: rgb(235, 235, 228);
	opacity: 0.5;
}

.sz-feedback-textarea:focus {
	outline: 2px solid #FFFFFF
}

.sz-feedback-toggle-button:focus {
	box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 3px #269547, 0 0 0 4px #FFFFFF;
	outline: none;
}

.sz-feedback-submit-button:focus {
	outline: 2px solid #FFFFFF;
}

.sz-feedback-comment-character-counter {
	font-weight: normal;
	font-size: 0.8em;
	text-align: right;
}

.sz-feedback-dont-show-again-button {
	display: none;
}

.sz-feedback-section *:before,
.sz-feedback-section *:after {
	content: "";
}
} 