@import url("https://use.typekit.net/oah7sou.css");

/* verbergen download-knop einde formulier */
p.download,
a.submit.download {display:none;}

@font-face {
	font-family: 'general sans';
	src: url('/dsresource?objectid=c16185e7-96da-4c59-830c-45f5a3bf8949') format('truetype'),
		url('/dsresource?objectid=72ffa9bd-e617-4200-b149-63fb1499bdf4') format('woff');
		font-weight: normal;
		font-style: normal;
}
@font-face {
	font-family: 'general sans medium';
	src: url('/dsresource?objectid=23503429-8a09-4796-b4ec-76982674c432') format('truetype'),
		url('/dsresource?objectid=6710dda6-ba5a-4760-b701-8d403775ca35') format('woff');
		font-weight: 500;
		font-style: normal;
}
@font-face {
	font-family: 'general sans';
	src: url('/dsresource?objectid=a9eed2be-c6ad-4f6d-86d3-cec5ef9b3081') format('truetype'),
		url('/dsresource?objectid=28295710-21d3-48e3-90ab-f3b10575f907') format('woff');
		font-weight: normal;
		font-style: italic;
}
@font-face {
	font-family: 'general sans bold';
	src: url('/dsresource?objectid=30df2724-8a85-47e9-8c77-4c64e030d8c6') format('truetype'),
		url('/dsresource?objectid=139d9c99-09dc-412c-8412-19b4610922c2') format('woff');
		font-weight: 600;
		font-style: normal;
}

:root {
    --pictonblue:#33A8E0;
        --pictonblue_20:#33A8E020;
    --turquoiseblue:#5ce8d9;
        --turquoiseblue_20:#5ce8d920;
        --turquoiseblue_83:#5ce8d983;
    --carnation:#FA6666;
        --carnation_20:#FA6666;
    --wisteria:#9C61B5;
        --wisteria_20:#9C61B520;
    --indigo:#3d54b8;
        --indigo20:#3d54b820;
    --donkerindigo:#29397d;
    --shark:#212529;
    --pampas:#F9F9F6;
}

/* Reset beheer */
#DsEditTreeContainer *,
.DsEditProperties * {font-size:14px;}


/* Reset */
.grid-16 div#content-footer.extended {margin-left:10%;margin-right:30%;}
.grid-16 {float:none;display:block;}
.grid-16 .section {margin-left:10%;margin-right:30%;}
div[id^="row"],
.content-wrapper {background-color:transparent !important;}
.contentrow {overflow:visible;}
.container {margin-bottom:0;}
nav.breadcrumbs {position:absolute;top:-999999em;left:-999999em;}


.layout_four .contentrow .onecolumn {margin:0;}
.landing.document h2 {padding:0;margin:1rem 0 2.1875rem;color:var(--indigo);font-size:2rem;}
#social-sharing ul.icon-list.extended li a::before, #social-sharing ul.icon-list.extended li button::before {font-size:24px;}
span.dsEditText::after {background-image:none!important;display:none !important;}
.items p.description, .subitems p.description {color:var(--shark);}
#footer ul.quicklinks li a {color: var(--pampas);}

p.emphasisyellow,
p.emphasisred,
p.emphasisgreen {padding:30px 60px;border-width:0;border-radius:20px;font-size:1.25rem;margin:0 -60px 1rem;}

p.emphasisyellow {background-color:var(--wisteria);}
p.emphasisred {background-color:var(--carnation);}
p.emphasisgreen {background-color:var(--turquoiseblue);}


/* Header */
#header {position:absolute;left:0;right:0;z-index:1;}
#tinyblock .toplinks ul.quicklinks li a,
#tinyblock .toplinks ul.quicklinks li.last-child a {
    color:var(--shark);
    text-transform:uppercase;
    font-size:0.8rem;
}

/* Logo */
:root {
    --logobasewidth: 200px;
    --logobaseheight: 129px;
    --logowidth: var(--logobasewidth);
    --logoheight: var(--logobaseheight);
}

div#bannerfoto {height:var(--bannerfotoheight) !important;}  


a#logo img {height:var(--logoheight);width:var(--logowidth);max-width:unset;}
#header {min-height:0px;transition:all 0.5s;}
a#logo {padding:160px 0 0;}
a#logo img {padding:0;transition:all 0.5s;}
@media only screen and (max-width: 959px) {
    :root {
        --logowidth: calc(var(--logobasewidth) * 0.5);
        --logoheight: calc(var(--logobaseheight) * 0.5);
    }
    .a#logo img {max-width:unset;max-height:unset;}
}

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

/* Menu - naast logo */
body.menutype_horizontal ul#dl-menu {
    width:max-content;
    text-align:right;
    margin-right:0;
    border-radius:50px;
    background-color:#FFFFFF35;
    backdrop-filter: blur(18px);
}
.menu-horizontal li.first-child {margin-left:38px;}
body.menutype_horizontal #dl-menu.menu-horizontal a {
    font-size:20px;
    font-weight:500;
    color:var(--pampas);
    letter-spacing:0.15px;
    font-family:roc-grotesk, sans-serif;
    /*text-shadow:-1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;*/
}

@media only screen and (min-width: 960px)  {
    div#menu_wide {
        position:relative;
        height:0;
        transition:all 0.5s;
        background-color: transparent;
        margin:0 auto;
        z-index:2;
    }
    body.menutype_horizontal #dl-menu.menu-horizontal a,
    body.menutype_horizontal #dl-menu.menu-horizontal a:hover,
    body.menutype_horizontal #dl-menu.menu-horizontal a:focus {
        padding:10px 25px;
        background-color:transparent;
        border-radius:50px;
        align-content:center;
    }

}


body {
    font-family:"general sans", sans-serif;
    font-size:18px;
    line-height:1.5;
    color:var(--shark);
    background-color:#F0F0F7;
    word-break:break-word;
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens: auto;
}
h1, h2, h3, h4, h5, h6 {color:var(--indigo);}
p, dl, ul, ol, a {color:var(--shark);}
h1 {margin:2rem 0 2.1875rem;font-size:4rem;font-weight:600;font-family:roc-grotesk, sans-serif;}
h2,
.comment h2{margin:0 0 2.1875rem;font-size:3rem;font-weight:600;font-family:roc-grotesk, sans-serif;}
h3, 
.comment h3  {margin:0 0 1rem;font-size:2rem;font-weight:600;font-family:roc-grotesk, sans-serif;}
h4 {margin:0 0 1rem;font-size:1.75rem;font-weight:600;font-family:roc-grotesk, sans-serif;}
h5 {margin:0 0 1rem;font-size:1.5625rem;font-weight:600;font-family:roc-grotesk, sans-serif;}
h6 {margin:0 0 1rem;font-size:1.125rem;font-weight:600;font-family:adrianna, sans-serif;}
blockquote {text-align:center;font-weight:600;color:var(--indigo);background-color:transparent;font-size:1.5rem;font-style:italic;border-width:0;padding:0;margin:0;}
h1 + .description,
.simpleform h2 + .description {color:var(--indigo);font-family: adrianna, sans-serif;font-weight: 400;font-style: normal;font-size:1.875rem;}
 p, dl, ul, ol {font-size:18px;margin-bottom:1.5em;}
 .document a {font-weight:600;}
 
 .softlinks h2, .folder_items h2, .column h2 {font-weight:600;}
 
/*----------- CALL TO ACTION -----------*/
form.simpleform input.submit  {
    transition:background 0.5s;
    border-width:0; 
    padding:15px 25px;
    background-color:var(--indigo);
    color:var(--pampas);
    border-radius:9999px;
    font-weight:400;
}

a.calltoaction,
a.calltoaction.new-window.external,
a.calltoaction.new-window,
a.calltoaction.external,
div[class^="sublayout_row"] .contentrow form.simpleform input.submit {
    transition:background 0.5s;
    border-width:0; 
    padding:15px 25px;
    background-color:var(--indigo);
    color:var(--pampas);
    border-radius:9999px;
    font-weight:400;
}

a.calltoaction:hover,
a.calltoaction:focus,
a.calltoaction.new-window.external:hover,
a.calltoaction.new-window.external:focus,
a.calltoaction.new-window:hover,
a.calltoaction.new-window:focus,
a.calltoaction.external:hover,
a.calltoaction.external:focus,
form.simpleform input.submit:hover,
form.simpleform input.submit:focus {
    color:var(--indigo);
    background-color:var(--turquoiseblue);
}


/* Menu */
body.menutype_horizontal #dl-menu.menu-horizontal li:nth-last-child(1) a {
    position:relative;
    border-radius: 50px;
    background-color:var(--turquoiseblue);
    color:var(--donkerindigo);
    font-weight:500;
    text-shadow:unset;
}
body.menutype_horizontal #dl-menu.menu-horizontal li:nth-last-child(1).active a {background-color:var(--pampas);}

body.menutype_horizontal #dl-menu.menu-horizontal li a.type-pagelink::before {
    content:"\f002";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 20px;
    text-decoration: none;
    padding: 1px;
    display: inline-block;
    width: 20px;
    line-height: 1em;
    text-align: center;
}
body.menutype_horizontal #dl-menu.menu-horizontal li a.type-pagelink {font-size:0;}

/* Footer */
.footer_website {border-width:0; background-color:var(--indigo);padding:60px 0;}
#social-follow {background-color:transparent;height:auto;display:flex;align-items:center;}
div.icon-list-container h2 {color:var(--pampas);font-size:1.25rem;padding:0;margin:0 0.5rem 0 0;}
#social-follow ul.icon-list {padding:0;}
#social-follow ul.icon-list li {margin:0 0.25rem;}
#social-follow a.list-icon {color:var(--wisteria);}
#social-follow a.list-icon:focus, #social-follow a.list-icon:hover {border-bottom-width:0;}
#social-follow a.list-icon::before {width:45px;height:45px;background-size:100%;background-repeat:no-repeat;}
#social-follow a.list-icon.facebook-icon::before {content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 45 45'%3E%3Cpath d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Zm5 18.7-.3 3.4h-3.5v11.7h-4.4V22.1H17v-3.4h2.3v-2.3c-.1-1.2.2-2.4.7-3.5.8-1.1 2.2-1.8 3.6-1.7 1.4 0 2.8 0 4.2.4l-.6 3.4c-.6-.2-1.2-.3-1.9-.3-.9 0-1.7.3-1.7 1.2v2.6h3.7Z' data-name='Path 349' style='fill:%23FFFFFF;stroke-width:0'/%3E%3C/svg%3E");}
#social-follow a.list-icon.instagram-icon::before {content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_1' data-name='Laag 1' version='1.1' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23FFFFFF;stroke-width:0%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_353' d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Zm11.3 20.2v9.2c0 2.4-1.9 4.3-4.4 4.4H15.6c-2.4 0-4.3-1.9-4.4-4.4V15.6c0-2.4 1.9-4.3 4.4-4.4h13.8c2.4 0 4.3 1.9 4.4 4.4v4.6Z' class='cls-1' data-name='Path 353'/%3E%3Cpath id='Path_350' d='M22.5 26c2.2 0 4-1.8 4-3.9s-1.8-4-3.9-4-4 1.8-4 3.9c0 2.2 1.7 4 3.9 4Z' class='cls-1' data-name='Path 350'/%3E%3Cpath id='Path_352' d='M28.7 22c0 3.4-2.7 6.2-6.1 6.2s-6.2-2.7-6.2-6.1.2-1.6.5-2.3h-3.4V29c0 1.2 1 2.2 2.2 2.2h13.8c1.2 0 2.2-1 2.2-2.2v-9.2h-3.4c.2.6.4 1.4.4 2.2Z' class='cls-1' data-name='Path 352'/%3E%3C/svg%3E");}
#social-follow a.list-icon.linkedin-icon::before {content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_1' data-name='Laag 1' version='1.1' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%233D54B8;stroke-width:0%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_353' d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Z' data-name='Path 353' style='fill:%23FFFFFF;stroke-width:0'/%3E%3Cpath d='M11.4 16.9h4.5v16.5h-4.5z' class='cls-1'/%3E%3Ccircle cx='13.7' cy='12.3' r='2.6' class='cls-1'/%3E%3Cpath d='M33.9 33.3h-4.5v-8.4c0-5-6-4.7-6 0v8.4h-4.5V16.9h4.5v2.6c2.1-3.9 10.5-4.2 10.5 3.7v10.1Z' class='cls-1'/%3E%3C/svg%3E");}

#social-follow a.list-icon.facebook-icon:hover::before,
#social-follow a.list-icon.facebook-icon:focus::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 45 45'%3E%3Cpath d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Zm5 18.7-.3 3.4h-3.5v11.7h-4.4V22.1H17v-3.4h2.3v-2.3c-.1-1.2.2-2.4.7-3.5.8-1.1 2.2-1.8 3.6-1.7 1.4 0 2.8 0 4.2.4l-.6 3.4c-.6-.2-1.2-.3-1.9-.3-.9 0-1.7.3-1.7 1.2v2.6h3.7Z' data-name='Path 349' style='fill:%2333A8E0;stroke-width:0'/%3E%3C/svg%3E");}
#social-follow a.list-icon.instagram-icon:hover::before,
#social-follow a.list-icon.instagram-icon:focus::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_1' data-name='Laag 1' version='1.1' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%2333A8E0;stroke-width:0%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_353' d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Zm11.3 20.2v9.2c0 2.4-1.9 4.3-4.4 4.4H15.6c-2.4 0-4.3-1.9-4.4-4.4V15.6c0-2.4 1.9-4.3 4.4-4.4h13.8c2.4 0 4.3 1.9 4.4 4.4v4.6Z' class='cls-1' data-name='Path 353'/%3E%3Cpath id='Path_350' d='M22.5 26c2.2 0 4-1.8 4-3.9s-1.8-4-3.9-4-4 1.8-4 3.9c0 2.2 1.7 4 3.9 4Z' class='cls-1' data-name='Path 350'/%3E%3Cpath id='Path_352' d='M28.7 22c0 3.4-2.7 6.2-6.1 6.2s-6.2-2.7-6.2-6.1.2-1.6.5-2.3h-3.4V29c0 1.2 1 2.2 2.2 2.2h13.8c1.2 0 2.2-1 2.2-2.2v-9.2h-3.4c.2.6.4 1.4.4 2.2Z' class='cls-1' data-name='Path 352'/%3E%3C/svg%3E");}
#social-follow a.list-icon.linkedin-icon:hover::before,
#social-follow a.list-icon.linkedin-icon:focus::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_1' data-name='Laag 1' version='1.1' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%233D54B8;stroke-width:0%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_353' d='M22.5 0C10.1 0 0 10.1 0 22.5S10.1 45 22.5 45 45 34.9 45 22.5 34.9 0 22.5 0Z' data-name='Path 353' style='fill:%2333A8E0;stroke-width:0'/%3E%3Cpath d='M11.4 16.9h4.5v16.5h-4.5z' class='cls-1'/%3E%3Ccircle cx='13.7' cy='12.3' r='2.6' class='cls-1'/%3E%3Cpath d='M33.9 33.3h-4.5v-8.4c0-5-6-4.7-6 0v8.4h-4.5V16.9h4.5v2.6c2.1-3.9 10.5-4.2 10.5 3.7v10.1Z' class='cls-1'/%3E%3C/svg%3E");}


#footer_columns {width:auto;padding:0;}
#footer_columns .column {float:none;margin:0;}
#footer_columns .column p,
#footer_columns .column ul {color:var(--pampas);}
#footer_columns .column h2 {font-size:2.375rem;margin-top:0;color:var(--pampas);}
#footer_columns .column h3 {margin:0 0 0.5rem;color:var(--pampas);}

.section.mapoverview.footer_mappoint {
    display: grid;
    grid-template-columns: 250px repeat(4, auto);
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 3rem;
    grid-row-gap: 0px;
}
.section.mapoverview.footer_mappoint h2 {grid-area: 1 / 2 / 2 / 6;}

.section.mapoverview.footer_mappoint p {margin:0;}
.section.mapoverview.footer_mappoint p.description {grid-area: 2 / 2 / 3 / 6;margin-bottom:1rem;}
.section.mapoverview.footer_mappoint .postaddress {grid-area: 3 / 2 / 3 / 3;margin-bottom:1rem;}
.section.mapoverview.footer_mappoint .visitaddress {grid-area: 4 / 2 / 5 / 3;margin-bottom:1rem;}
.section.mapoverview.footer_mappoint .visittime {grid-area: 3 / 3 / 4 / 4;}
.section.mapoverview.footer_mappoint ul {grid-area: 3 / 4 / 5 / 5;}
.section.mapoverview.footer_mappoint ul + ul {grid-area: 3 / 5 / 5 / 6;}
.section.mapoverview.footer_mappoint ul + ul + ul  {grid-area: 4 / 3 / 4 / 3;}
.section.mapoverview.footer_mappoint p {grid-area: 1 / 1 / 5 / 2;}
.section.mapoverview.footer_mappoint a,
.section.mapoverview.footer_mappoint a.list-icon::before {color:var(--pampas);}
.visittime .location_open, .visittime .location_closed, .visittime .location_open.nexttime {font-weight:normal;}

.section.mapoverview.footer_mappoint ul {padding:0;margin:0 0 1rem;}
.section.mapoverview.footer_mappoint ul li {padding:0 15px 0 35px;margin-bottom:0.25rem;list-style-type:none;position:relative;}
.section.mapoverview.footer_mappoint ul li::before {
    content:"";
    width:22px;
    height:22px;
    display:inline-block;
    position:absolute;
    left:0;
    background-size:100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.764' height='24.764'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m13.646 16.176 3.794-3.794m0 0-3.794-3.794m3.794 3.794H7.323m16.44 0A11.382 11.382 0 1 1 12.382 1a11.99 11.99 0 0 1 2.976.393 11.3 11.3 0 0 1 8.406 10.989Z' data-name='Path 342'/%3E%3C/svg%3E");
}
.section.mapoverview.footer_mappoint a.read-more {display:none;}

/* Landingspagina */
.layout_four #row1 .contentrow {position:relative;}
.layout_four #row1 .section {position:absolute;bottom:85px;margin:0 25px 100px;width:75%;display:flex;flex-direction:column;}

.layout_four #row1 .section h2:nth-child(1) {display:none;}
.layout_four #row1 .section h2 {color:var(--pampas);text-transform:uppercase;margin:0 0 1rem;}
.layout_four #row1 .section p {line-height:1;color:var(--pampas);font-family:roc-grotesk, sans-serif;line-height:normal;margin:0;font-weight:600;}


div.onlytoptasks {padding: 0;}
ul.onlytoptasks.columns {
    background-color:var(--turquoiseblue);
    border-radius:22px;
    box-shadow: 0px 51px 97px -13px rgba(179, 109, 234, 0.1);
    border-width: 0px;
    padding:0 1rem;
}
ul.onlytoptasks.bannercount-4 li.column {margin:0;width:25%;}
ul.onlytoptasks.bannercount-4 li.column a,
ul.onlytoptasks li.column a {
    display: flex;
    padding:0 20px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    background-color:var(--turquoiseblue);
    color:var(--donkerindigo);
    border-width:0;
    transition:all 0.3s;
}
ul.onlytoptasks li.column a img {display:none;}
ul.onlytoptasks li.column a span::after {
    content:"";
    width:2.665rem;
    height:2.665rem;
    margin-left:1rem;
    display:inline-block;
    background-size:100%;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 48 48' version='1.1' viewBox='0 0 48 48'%3E%3Cstyle%3E .st0%7Bfill:%233D55B8%7D %3C/style%3E%3Cpath d='M24.2 48.1c-13.2 0-24-10.8-24-24S11 .1 24.2.1s24 10.8 24 24c0 13.3-10.8 24-24 24zm0-46c-12.2 0-22 9.9-22 22 0 12.2 9.9 22 22 22 12.2 0 22-9.9 22-22s-9.8-22-22-22z' class='st0'/%3E%3Cpath d='M36.2 23.4 27 14.2c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l7.5 7.5H12.9c-.6 0-1 .4-1 1s.4 1 1 1h20.2l-7.5 7.5c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l9.2-9.2c.4-.4.4-1 0-1.4z' class='st0'/%3E%3C/svg%3E");
}
ul.onlytoptasks li.column a span {
    width:auto;
    height:auto;
    font-size:1.5rem;
    font-weight:600;
    font-family: roc-grotesk, sans-serif;
}
ul.onlytoptasks li.column.last-column a {border-width:0;}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {transition:all 0.3s;padding-bottom:5px;}

div[class^="sublayout_row"] {margin-top:4rem;}
div[class^="sublayout_row"][class$="_onlytoptasks"] {margin:0;}


/* Twee kolommen */
div[class^="sublayout_row"][class$="_two-columns"] .two.columns {
    margin:0 !important;
    display:flex;
    gap:2.1875rem;
}
div[class^="sublayout_row"][class$="_two-columns"] .column {
    display: flex;
    float: none;
    margin: 0;
    /*justify-content: center;*/
    width:50%;
    padding:30px 60px;
    border-radius:20px;
    background-color:#FFFFFF;
    box-sizing:border-box;
}

/* 1 kolom */
div[class^="sublayout_row"][class$="_one-columns"] .contentrow {
    display:flex;
    overflow:visible;
    margin:60px auto 20px !important;
    border-radius: 20px;
    box-sizing:border-box;
    background-color:#FFFFFF;
}
div[class^="sublayout_row"][class$="_one-columns"] img{
    margin:0 auto;
    object-fit:cover;
    height:100%;
}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn {
    display: flex;
    float: none;
    justify-content: center;
    margin: auto;
    width: 50%;
    box-sizing:border-box;
}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.vacancyoverview) {
    width:100%;
}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn .vacancyoverview {width:100%;}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn .vacancyoverview > h2 {display:none;}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.image) {
    width:40%;
    overflow:hidden;
}
.vacancyoverview dl.details.vacancy dd {float:left}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.image) {margin:0 3rem 0 0;border-radius: 20px 0 0 20px;}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn + .onecolumn:has(.image) {margin:0 0 0 3rem; border-radius:0 20px 20px 0;}
div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.document) {
    width:60%;
    padding:2.5rem;
}

div[class^="sublayout_row"][class$="_one-columns"] .contentrow:has(.onecolumn:first-child:nth-last-child(1)) {
    background-color:transparent;
}
div[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document) {
    background-color:#FFFFFF;
    border-radius:20px;
    width:100%;
    display:block;
}

/* 1 kolom exoten */
#row2[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document),
#row3[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document) {
    padding:0 60px;
    background-color:transparent;
}
#row9[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document){
    background-color:transparent;
}
#row9[class^="sublayout_row"][class$="_one-columns"] .contentrow {padding:0;justify-content:center;}
#row9[class^="sublayout_row"][class$="_one-columns"] .onecolumn {
    display:flex;
    margin:0 !important;
}
#row9[class^="sublayout_row"][class$="_one-columns"] .onecolumn .section > h2 {
    font-size:1.375rem;
    color:var(--indigo);
    text-align:center;
    margin-bottom:0;
}
#row9[class^="sublayout_row"][class$="_one-columns"] .onecolumn .section .description {
    font-size:4rem;
    text-align:center;
    color:var(--indigo);
    margin-bottom:0;
    font-weight:600;
    font-family: roc-grotesk, sans-serif;
}
#row9[class^="sublayout_row"][class$="_one-columns"] .onecolumn .section h3 {
    color:var(--shark);
    font-size:2rem;
    font-family:'general sans bold', sans-serif;
}

div[class^="sublayout_row"] .contentrow .section.simpleform {
    background-color:var(--indigo);
    box-shadow: 0px 51px 97px -13px rgba(179, 109, 234, 0.1);
    overflow:visible;
    margin:0 0 20px !important;
    padding: 30px 60px 30px 60px;
    border-radius: 20px;
}
div[class^="sublayout_row"] .contentrow .section.simpleform .question span,
div[class^="sublayout_row"] .contentrow .section.simpleform label,
div[class^="sublayout_row"] .contentrow .section.simpleform p,
div[class^="sublayout_row"] .contentrow .section.simpleform a,
div[class^="sublayout_row"] .contentrow .section.simpleform h2,
div[class^="sublayout_row"] .contentrow .section.simpleform h3,
div[class^="sublayout_row"] .contentrow .section.simpleform legend.form_legend, 
div[class^="sublayout_row"] .contentrow .section.simpleform span.required::before,
div[class^="sublayout_row"] .contentrow .section.simpleform .hint-toggle  {color:var(--pampas);}
div[class^="sublayout_row"] .contentrow .section.simpleform input.submit {background-color:var(--pampas);color:var(--indigo);}
div[class^="sublayout_row"] .contentrow .section.simpleform input.submit:hover,
div[class^="sublayout_row"] .contentrow .section.simpleform input.submit:focus  {color:var(--indigo);background-color:var(--turquoiseblue);}

div[class^="sublayout_row"] .contentrow .section.simpleform legend.form_legend,
form.simpleform legend.form_legend {position:absolute;left:-999999em;top:-999999em;}

/* formulier */
div[class^="sublayout_row"] .contentrow .section.simpleform .comment h2,
div[class^="sublayout_row"] .contentrow .section.simpleform.comment h3 {color: var(--pampas);}
form.simpleform legend {font-size:1rem;}
form.simpleform label {font-weight:normal;}
form.simpleform .inputfield {border-radius:4px;border-color:#AAAAB1;min-height:40px;}
form.simpleform h2.warning {font-size:2rem;}
form.simpleform .submit-buttons {margin:1.5rem 0 0;}
div[class^="sublayout_row"] .contentrow .section.simpleform form.simpleform .multifilefield_border input.submit,
form.simpleform .multifilefield_border input.submit {padding:6px 25px;}

form.simpleform.summary legend.form_legend + h2,
form.simpleform.summary .form-row + h2 {background-color:transparent;font-size:1.5rem;}

div[class*="_thematictabs"] {margin-top:0;}
#thematictabs {margin:0;}
#thematictabs h2.offscreen {
    position:static; 
    background-color:transparent;
    text-align:center;
    font-size: 3rem;
    font-weight: 600;
    color: var(--indigo);
    padding:0;
    margin-bottom:2rem;
}
#thematictabs .container-content {padding:0;overflow:visible;}
#thematictabs .container-content ul.items {display:flex;gap:2rem;flex-wrap:wrap;justify-content:flex-start;}
#thematictabs .container-content ul.items li {flex-basis:calc(33.5% - 1.5rem);list-style-type:none;padding:0;width:50%;border-radius:20px;}
#thematictabs .container-content ul.items li h3 {color:var(--indigo);margin:0;font-size:2rem;padding:2.1875rem 2.1875rem 1.5rem;}
#thematictabs ul.items .objectinfo {display:none;padding:0 2.1875rem 0.5rem;margin:0;}
#thematictabs ul.items .description {padding:0 2.1875rem 2.1875rem;margin:0;}
#thematictabs .container-content ul.items li:hover,
#thematictabs .container-content ul.items li:focus-within {margin-top:2.75rem;margin-bottom:0;}
#thematictabs .container-content ul.items li {background-color:#FFFFFF;transition:all 0.5s;margin-top:0;margin-bottom:2.75rem;}
#thematictabs .container-content ul.items li a {transition:all 0.5s;display:block;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 0px 30px #00000012;}
#thematictabs .container-content ul.items li a:hover,
#thematictabs .container-content ul.items li a:focus {text-decoration:none;box-shadow:0 10px 30px #00000024;}
#thematictabs .container-content ul.items li a:hover h3,
#thematictabs .container-content ul.items li a:focus h3 {text-decoration:underline;}
#thematictabs ul.items .item-photo {
    margin: -2.1875rem -2.1875rem 2.1875rem;
    overflow: hidden;
    padding: 0;
    display:block;
}
#thematictabs ul.items .item-photo img {
    transform: scale(1.0);
    transition: 0.5s;
}
#thematictabs ul.items a:hover .item-photo img, #thematictabs ul.items a:focus .item-photo img {
    transform: scale(1.02);
}

/* folder en nieuwspagina */
body.type_vacancyoverview .grid-16,
body.type_folder .grid-16,
body.type_briefing .grid-16 {width:100%;margin-left:0;margin-right:0;}

body.type_vacancyoverview .grid-16 .section,
body.type_folder .grid-16 .section,
body.type_briefing .grid-16 .section{margin-left:0;margin-right:0;}

.section.folder ul.items.three,
.section.briefing ul.items.three {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.vacancyoverview a {
    border-width:0;
    background-color:transparent;
}
.landing.vacancyoverview ul.items.columns {display: flex;gap: 2rem;flex-wrap: wrap;justify-content: flex-start;}
.landing.vacancyoverview .items .container-intro {padding:0;}
.landing.vacancyoverview .items .container-intro h3 {}
.landing.vacancyoverview .items .container-intro h3 span.title {color:var(--indigo);margin:0;font-size:2rem;padding:2.1875rem 2.1875rem 1.5rem;}
.landing.vacancyoverview .items .container-intro .description {padding: 0 2.1875rem 2.1875rem;margin: 0;}
.landing.vacancyoverview .items .container-content {padding: 0 2.1875rem 2.1875rem;}

.landing.vacancyoverview ul.items > li,
.landing.vacancyoverview ul.items.columns > li,
.section.folder ul.items.three li,
.section.briefing ul.items.three li {
    flex-basis: calc(33.5% - 1.5rem);
    list-style-type: none;
    padding: 0;
    width: 50%;
    border-radius: 20px;
	background-color: #FFFFFF;
    transition: all 0.5s;
    margin: 0 0 2.75rem !important;
    display:flex;
    flex-direction:column;
    position:relative;
}
.landing.vacancyoverview ul.items > li {
    width:100%;
}

.landing.vacancyoverview ul.items.columns > li:hover,
.landing.vacancyoverview ul.items.columns > li:focus,
.section.folder ul.items.three li:hover,
.section.folder ul.items.three li:focus-within,
.section.briefing ul.items.three li:hover,
.section.briefing ul.items.three li:focus-within {
    margin-top: 2.75rem !important;
    margin-bottom: 0 !important;
}
.section.folder ul.items.three li h2,
.section.briefing ul.items.three li h2 {
    order:2;
    color: var(--indigo);
    margin: 0;
    font-size: 2rem;
    padding: 2.1875rem 2.1875rem 1.5rem;
}
.section.folder ul.items.three li h2 a,
.section.briefing ul.items.three li h2 a {
    color: var(--indigo);
    margin: 0;
    font-size: 2rem;
}
.section.folder ul.items.three li .item-photo,
.section.briefing ul.items.three li .item-photo {order:1;}
.section.folder ul.items.three li .item-photo img,
.section.briefing ul.items.three li .item-photo img {margin:0;} 
.section.folder ul.items.three li .description,
.section.briefing ul.items.three li .description {
    order:3;
    padding: 0 2.1875rem 2.1875rem;
    margin: 0;
}
.section.folder ul.items.three li .objectinfo,
.section.briefing ul.items.three li .objectinfo {display:none;}

.section.folder ul.items.three li h2 a::after,
.section.briefing ul.items.three li h2 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.vacancyoverview form.simpleform.filters {
    border-width:0;
    background-color: var(--turquoiseblue);
    border-radius: 22px;
    box-shadow: 0px 51px 97px -13px rgba(179, 109, 234, 0.1);
    border-width: 0px;
    padding: 2.1875rem;
}
.vacancyoverview form.simpleform.filters legend {
    color:var(--indigo);
    font-size: 2rem;
    font-weight: 600;
    font-family: roc-grotesk, sans-serif;
    margin:0;
}
.vacancyoverview form.simpleform.filters fieldset {flex-direction:column;}
.vacancyoverview form.simpleform.filters .question input.submit {padding:0 100px; min-height:40px;}
.vacancyoverview form.simpleform.filters .question input.submit:hover,
.vacancyoverview form.simpleform.filters .question input.submit:focus {background-color:var(--shark);color:var(--pampas)}
.vacancy div.productcontainer {margin-bottom:2.1875rem;}
.vacancy div.productcontainer h2 {
    background-color:var(--turquoiseblue);
    color:var(--indigo);
    font-size: 2rem;
    font-weight: 600;
    margin:0;
    padding: 2.1875rem;
    border-radius: 22px 22px 0 0;
}
.vacancy div.productcontainer .align-right{text-align:center;}

.vacancyoverview .items.columns .container-intro {padding:0;}
.vacancyoverview .items.columns .container-image { border-radius: 20px 20px 0 0;}
.section.folder.vacancyoverview .details.vacancy li {margin-bottom:0 !important;width:100%;display:block;}
.vacancy div.productcontainer .container {
    border-width:0;
    background-color: var(--pampas);
    border-radius: 0 0 22px 22px;
    box-shadow: 0px 51px 97px -13px rgba(179, 109, 234, 0.1);
    border-width: 0px;
    padding: 2.1875rem;
}
.vacancy dl.details.vacancy dd {float:left;}
.section.vacancy.easycruit:has(img) {position:relative;padding-bottom:500px;}
.section.vacancy.easycruit img {position: absolute;bottom: 0;}


@media only screen and (max-width: 959px) {
    #row1:not(.error):has(#bannerfoto) {background-size: auto 100% !important;}
    
    button#menu-icon {background-color:var(--indigo);}
    body.menutype_horizontal #dl-menu.menu-horizontal li:nth-last-child(1) a {border-radius:0;}
    div#menu_wide {position:absolute;z-index:1;top:2px; left:2px;}
    body.menutype_horizontal ul#dl-menu {border-radius:0 0 1rem 1rem;}
    ul.menu-horizontal a,
    body.menutype_horizontal #dl-menu.menu-horizontal a {padding:1rem !important;background-color:var(--indigo);}
    
    body a#logo {padding:0; top:54px;position:absolute;}
    body div#header{min-height:46px; background-color:#FFFFFF;}
    #tinyblock {max-width:90%;}
    #tinyblock .container-sessions {height:unset;padding:0;}
    #tinyblock .toplinks ul.quicklinks {flex-wrap:wrap;height:auto;max-height:44px;}
    #tinyblock .toplinks ul.quicklinks li {line-height:1;min-height:22px;}
    
    div.onlytoptasks ul.onlytoptasks {width:auto}
    .container .container-content {margin:0;}
    .vacancy dl.details {columns:1}
}

@media only screen and (max-width: 512px) {
    :root {--bannerfotoheight: 240px;}
    div#bannerfoto {display:block;}
    #row1 {background-size:cover;}
    .layout_four #row1 .section {width:auto;}
    .layout_four #row1 .section {margin-bottom:0;bottom:10px;}
    .layout_four #row1 .section h2 {font-size:1rem;}
    .layout_four #row1 .section p {font-size:1.5rem;}
    
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-16 {width:100% !important;margin:0 auto !important;box-sizing:border-box;}
    div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
	html{font-size:16px;}
	
	.grid-16 .section {margin:0;}
	.grid-16 div#content-footer.extended {margin:0;}
	h1 {font-size:3rem;}
	
	div[class^="sublayout_row"] {margin-top:2rem;}
	
	ul.onlytoptasks.columns {background-color:transparent;box-shadow:unset;}
	ul.onlytoptasks.bannercount-4 li.column {width:100%;margin:10px 0;height:auto;min-height:50px;}
	ul.onlytoptasks.bannercount-4 li.column a,
	ul.onlytoptasks li.column a {border-radius:50px;padding:10px 10px 10px 20px;height:unset;min-height:unset;}
	ul.onlytoptasks li.column a span {width:100%;justify-content:space-between;font-size:1.25rem;}
	
	
	div[class^="sublayout_row"][class$="_one-columns"] .contentrow {flex-direction:column;margin-top:2rem !important;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.image){width:100%;margin:0;border-radius:20px 20px 0 0;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn +.onecolumn:has(.image) {width:100%;margin:0;border-radius:0 0 20px 20px;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.document) {width:100%;padding:20px;}
	
	div[class^="sublayout_row"][class$="_two-columns"] .two.columns {flex-direction:column;}
	div[class^="sublayout_row"][class$="_two-columns"] .column {width:100%;padding:20px 20px 0;}
	
	#row2[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document),
	#row3[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document) {padding: 0 20px;}
	
	
	#row9[class^="sublayout_row"][class$="_one-columns"] .onecolumn .section .description {font-size:2rem;}
	
	#thematictabs .container-content ul.items {flex-direction:column;}
	#thematictabs .container-content ul.items li {width:100%;}
	#thematictabs .container-content ul.items li,
    #thematictabs .container-content ul.items li:hover,
    #thematictabs .container-content ul.items li:focus-within {margin:0;}
	
	div[class^="sublayout_row"] .contentrow .section.simpleform {padding:20px;}
	
	.footer_website {padding:30px 0;}
	div#social-follow {float:none;margin:0 0 30px;padding:0;justify-content: space-between;}
	#footer_columns {width:100%;}
	.section.mapoverview.footer_mappoint {display:block;}
	.section.mapoverview.footer_mappoint .visittime {margin-bottom:1rem;}
	.section.mapoverview.footer_mappoint ul,
	.section.mapoverview.footer_mappoint ul li {display:inline-block;}
	.section.mapoverview.footer_mappoint p:has(img) {text-align:center;}
	.section.mapoverview.footer_mappoint img {max-width:50%;}
	div#footer ul.quicklinks {float:none;text-align:center;margin:1rem;}
	
	.layout_four #row1 .section h2 {display:none;}
}
@media only screen and (min-width: 513px) and (max-width: 680px) {
    :root {--bannerfotoheight: 360px;}
    div#bannerfoto {display:block;}
    #row1 {background-size:cover;} 
    .layout_four #row1 .section {margin-bottom:0;bottom:25px;}
    .layout_four #row1 .section h2 {font-size:1rem;}
    .layout_four #row1 .section p {font-size:2.75rem;}
    
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-16 {width:100% !important;margin:0 auto !important;box-sizing:border-box;}
    div.grid-11 {width:100%;margin:0 auto;box-sizing:border-box;}
	div.grid-5 {width:100%;margin:0 auto;box-sizing:border-box;}
	html{font-size:16px;}
	
	.grid-16 .section {margin:0;}
	.grid-16 div#content-footer.extended {margin:0;}
	h1 {font-size:3rem;}
	
	div[class^="sublayout_row"] {margin-top:2rem;}
	
	ul.onlytoptasks.columns {background-color:transparent;box-shadow:unset;}
	ul.onlytoptasks.bannercount-4 li.column {width:100%;margin:10px 0;height:auto;min-height:50px;}
	ul.onlytoptasks.bannercount-4 li.column a,
	ul.onlytoptasks li.column a {border-radius:50px;padding:10px 10px 10px 20px;height:unset;min-height:unset;}
	ul.onlytoptasks li.column a span {width:100%;justify-content:space-between;font-size:1.25rem;}
	
	div[class^="sublayout_row"][class$="_one-columns"] .contentrow {flex-direction:column;margin-top:2rem !important;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.image){width:100%;margin:0;border-radius:20px 20px 0 0;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn +.onecolumn:has(.image) {width:100%;margin:0;border-radius:0 0 20px 20px;}
	div[class^="sublayout_row"][class$="_one-columns"] .onecolumn:has(.document) {width:100%;padding:20px;}
	
	div[class^="sublayout_row"][class$="_two-columns"] .two.columns {flex-direction:column;}
	div[class^="sublayout_row"][class$="_two-columns"] .column {width:100%;padding:20px 20px 0;}
	
	#row2[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document),
	#row3[class^="sublayout_row"][class$="_one-columns"] .contentrow .onecolumn:first-child:nth-last-child(1):has(.document) {padding: 0 20px;}
	
	#thematictabs .container-content ul.items {flex-direction:column;}
	#thematictabs .container-content ul.items li {width:100%;}
	#thematictabs .container-content ul.items li,
    #thematictabs .container-content ul.items li:hover,
    #thematictabs .container-content ul.items li:focus-within {margin:0;}
	
	div[class^="sublayout_row"][class$="_two-columns"] .column {width:100%;padding:20px 20px 0;}
	
	div[class^="sublayout_row"] .contentrow .section.simpleform {padding:20px;}
	
	.footer_website {padding:30px 0;}
	div#social-follow {float:none;margin:0 0 30px;padding:0;justify-content: space-between;}
	#footer_columns {width:100%;}
	.section.mapoverview.footer_mappoint {display:block;}
	.section.mapoverview.footer_mappoint .visittime {margin-bottom:1rem;}
	.section.mapoverview.footer_mappoint ul,
	.section.mapoverview.footer_mappoint ul li {display:inline-block;}
	.section.mapoverview.footer_mappoint p:has(img) {text-align:center;}
	.section.mapoverview.footer_mappoint img {max-width:50%;}
	div#footer ul.quicklinks {float:none;text-align:center;margin:1rem;}
}
@media only screen and (min-width: 681px) and (max-width: 959px) {
    :root {--bannerfotoheight: 450px;}
    body div#header {min-height:57px;}
    body a#logo {
        top: 75px;
    }
    div#menu_wide {top:9px;left:9px;}
    div#bannerfoto {display:block;}
    #row1 {background-size:cover;} 
    .layout_four #row1 .section {margin-bottom:20px;bottom:0;}
    .layout_four #row1 .section h2 {font-size:1rem;}
    .layout_four #row1 .section p {font-size:2.1875rem;}
    
    ul.onlytoptasks.columns {background-color:transparent;box-shadow:unset;}
	ul.onlytoptasks.bannercount-4 li.column {width:46%;margin:10px 2% !important;height:auto;min-height:50px;}
	ul.onlytoptasks.bannercount-4 li.column a,
	ul.onlytoptasks li.column a {border-radius:50px;padding:10px 10px 10px 20px;height:unset;min-height:unset;}
	ul.onlytoptasks li.column a span {width:100%;justify-content:space-between;font-size:1.25rem;}

    #thematictabs .container-content ul.items li {flex-basis:47.5%;}
    
    div[class^="sublayout_row"][class$="_two-columns"] .column {width:100%;padding:20px 20px 0;}
    
    .footer_website {padding:30px 0;}
	div#social-follow {float:none;margin:0 0 30px;padding:0;justify-content: space-between;}
	#footer_columns {width:100%;}
	div#footer ul.quicklinks {float:none;text-align:center;margin:1rem;}
    
    .section.mapoverview.footer_mappoint {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(7, auto);
        grid-column-gap: 30px;
        grid-row-gap: 0px;
    }
    .section.mapoverview.footer_mappoint h2 {grid-area: 1 / 1 / 2 / 3; }
    .section.mapoverview.footer_mappoint p.description {grid-area: 2 / 1 / 3 / 3;}
    .section.mapoverview.footer_mappoint .postaddress {grid-area: 3 / 1 / 3 / 2;}
    .section.mapoverview.footer_mappoint .visitaddress {grid-area: 4 / 1 / 4 / 2;}
    .section.mapoverview.footer_mappoint .visittime {grid-area: 3 / 2 / 3 / 2;}
    .section.mapoverview.footer_mappoint ul {grid-area: 5 / 1 / 5 / 3;}
    .section.mapoverview.footer_mappoint ul+ul {grid-area: 6 / 1 / 6 / 3;}
    .section.mapoverview.footer_mappoint ul+ul+ul {grid-area: 4 / 2 / 4 / 2;}
    /* logo */
    .section.mapoverview.footer_mappoint p {grid-area: 7 / 1 / 8 / 3;}
    .section.mapoverview.footer_mappoint ul,
	.section.mapoverview.footer_mappoint ul li {display:inline-block;}
	.section.mapoverview.footer_mappoint p:has(img) {text-align:center;}
	.section.mapoverview.footer_mappoint img {max-width:35%;}
    
    div.contentrow {width:94% !important;margin:0 auto;}
    div.grid-11 {width:calc(66% - 2.5rem);margin:0 2.5rem 0 0;box-sizing:border-box;}
    div.grid-5 {width:33%;margin:0;box-sizing:border-box;}
    html{font-size:16px;}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    :root {--bannerfotoheight: 480px;}
    #row1 {background-size:cover;} 
    .layout_four #row1 .section {margin-bottom:20px;bottom:40px;}
    .layout_four #row1 .section h2 {font-size:1rem;}
    .layout_four #row1 .section p {font-size:2.1875rem;}
    
    .contentrow {width:940px;}
    div#menu_wide {width:940px;}
    html{font-size:16px;}
    
    div#menu_wide {top:88px}
    a#logo {padding-top:75px;}
     ul.onlytoptasks.columns {background-color:transparent;box-shadow:unset;}
	ul.onlytoptasks.bannercount-4 li.column {width:46%;margin:10px 2% !important;height:auto;min-height:50px;}
	ul.onlytoptasks.bannercount-4 li.column a,
	ul.onlytoptasks li.column a {border-radius:50px;padding:10px 10px 10px 20px;height:unset;min-height:unset;}
	ul.onlytoptasks li.column a span {width:100%;justify-content:space-between;font-size:1.25rem;}
}
@media only screen and (min-width: 960px) and (max-width: 1449px) {
    .section.mapoverview.footer_mappoint {
        display: grid;
        grid-template-columns: 250px repeat(2, auto);
        grid-template-rows: repeat(7, auto);
        grid-column-gap: 30px;
        grid-row-gap: 0px;
    }
    .section.mapoverview.footer_mappoint h2 {grid-area: 1 / 2 / 2 / 4; }
    .section.mapoverview.footer_mappoint p.description {grid-area: 2 / 2 / 3 / 4;}
    .section.mapoverview.footer_mappoint .postaddress {grid-area: 3 / 2 / 4 / 3;}
    .section.mapoverview.footer_mappoint .visitaddress {grid-area: 4 / 2 / 5 / 3;}
    .section.mapoverview.footer_mappoint .visittime {grid-area: 3 / 3 / 6 / 4;}
    .section.mapoverview.footer_mappoint ul {grid-area: 5 / 2 / 6 / 4;}
    .section.mapoverview.footer_mappoint ul+ul {grid-area: 6 / 2 / 7 / 4;}
    .section.mapoverview.footer_mappoint ul+ul+ul {grid-area: 4 / 3 / 5 / 4;}
    /* logo */
    .section.mapoverview.footer_mappoint p {grid-area: 1 / 1 / 8 / 2;}
    .section.mapoverview.footer_mappoint ul,
	.section.mapoverview.footer_mappoint ul li {display:inline-block;}
}
@media only screen and (min-width: 1024px) and (max-width: 1449px) {
    :root {--bannerfotoheight: 680px;}
    #row1 {background-size:cover;} 
    a#logo {padding-top:115px;}
    .layout_four #row1 .section {margin-bottom:20px;bottom:60px;}
    .layout_four #row1 .section h2 {font-size:1rem;}
    .layout_four #row1 .section p {font-size:3rem;}
    
    div.onlytoptasks {margin-top:-55px;}
    ul.onlytoptasks.bannercount-4 li.column a, ul.onlytoptasks li.column a {min-height:110px;}
    
    div#menu_wide {top:145px;}
    body.menutype_horizontal #dl-menu.menu-horizontal a,
    body.menutype_horizontal #dl-menu.menu-horizontal a:hover,
    body.menutype_horizontal #dl-menu.menu-horizontal a:focus {height:50px;}
    
    .contentrow {width:1000px;}
    div#menu_wide {width:980px;}
    html{font-size:16px;}
}
@media only screen and (min-width: 1450px) {
    :root {--bannerfotoheight: 900px;}
    .layout_four #row1 .section h2 {font-size:1.375rem;}
    .layout_four #row1 .section p {font-size:5.625rem;}
    
    div.onlytoptasks {margin-top:-85px;}
    ul.onlytoptasks.bannercount-4 li.column a, ul.onlytoptasks li.column a {min-height:170px;}
    
    div#menu_wide {top:185px;}
    body.menutype_horizontal #dl-menu.menu-horizontal a,
    body.menutype_horizontal #dl-menu.menu-horizontal a:hover,
    body.menutype_horizontal #dl-menu.menu-horizontal a:focus {height:75px;}
    
    .contentrow {width:1450px;}
    div#menu_wide {width:1430px;}
    html{font-size:16px;}
}