@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSans.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansBold.otf) format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansBoldItalic.otf) format('opentype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Gill Sans Condensed';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansCondensed.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans Condensed';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansCondensedBold.otf) format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansHeavy.otf) format('opentype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansHeavyItalic.otf) format('opentype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansItalic.otf) format('opentype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Gill Sans Light';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansLight.otf) format('opentype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans Light';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansLightItalic.otf) format('opentype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansMedium.otf) format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gill Sans';
src: url(//schaffenburg.nl/wp-content/plugins/schaffenburg-menu/GillSansMediumItalic.otf) format('opentype');
font-weight: 500;
font-style: italic;
}
:root{
--primary: #18233f;
--secondary: #91B7DF;
--font: "Gill Sans", sans-serif;
}
.sof_menu_wrapper {
position:fixed;
left: 0px;
top: 0px;
width: 100vw;
z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999;
background-color: #ffffff;
display: flex;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.sof_menu_wrapper .sof_menu_desktop {
display: flex;
justify-content: space-between;
width: 80%;
max-width: 1080px;
padding: 0px;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: 3fr 2fr;
align-content: center;
align-items: center;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_logo {
height: 100%;
grid-row: 1 / span 2;
background-size: contain;
background-image: url(//schaffenburg.nl/wp-content/uploads/2024/09/Schaffenburg-logo.svg);
background-position:center left;
background-repeat: no-repeat;
background-size: 150px;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_items {
display: flex;
justify-content: flex-end;
padding: 0px;
width: 100%;
gap: 30px;
align-items: center;
flex-direction: row;
list-style: none;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu {grid-column: 2 / span 1;display: flex;flex-direction: row;justify-content: flex-end;display: flex;   }
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_item {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items a,
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_item a {
font-family: var(--font);
font-weight: 500;
font-size: 16px;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_item a:hover {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_item a:active {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_menu_item a:focus {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0px;
gap: 25px;
background-color: var(--primary);
padding: 5px 20px;
min-width: 320px; position: relative;
padding-right: -0px;
list-style: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items .sof_secondary_menu_item {
list-style: none; }
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items a {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items a:hover {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items a:active {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items a:focus {}
.sof_menu_wrapper .sof_menu_desktop .sof_menu_el .sof_secondary_menu_items:after{
content: "";
width: 50vw;
height: 100%;
position:absolute;
right: -50vw;
top:0px;
background-color: var(--primary);
}
li.sof_secondary_menu_item > a {
font-size: 15px;
color: white;
font-weight: 600;
padding-right: 0px;
font-family: 'Gill Sans', sans-serif;
}
li.sof_menu_item.sof_menu_item_poi {
background-color: #91b7df;
padding: 4px 21px 2px 20px;
border-radius: 3px !important;
}
li.sof_menu_item > a {
color: var(--primary);
font-weight: 600;
}
li.sof_menu_item_poi > a{
color: white;
} .sof_footer {
background-color: white;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
min-height: 200px;
padding-top: 30px;
}
.sof_footer_inner {
width: 80%;
max-width: 1080px;
}
.sof_footer_links {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(120px , 1fr));
grid-gap: 20px;
}
.sof_footer_link {
padding: 20px;
}
.sof_footer_link > h3 {
font-weight: 600;
font-size: 19px;
font-family: "Gill Sans", sans-serif;
position: relative;
}
.sof_footer_link > ul {
list-style: none!important;
list-style-type:none!important;
padding: 0px!important;
margin-top: 18px;
}
.sof_footer_link > h3:after {
content: "";
position: absolute;
left: 0px;
bottom: -5px;
height: 3px;
width: 22%;
background-color: #91b7df;
}
.sof_footer_link > ul > li >a {
color: var(--primary);
font-size: 15px;
font-family: var(--font);
font-size: 16px;
}
.footer_h_divider {
width: 100%;
height: 1px;
background-color: var(--primary);
margin-bottom: 0;
}
.footer_meta_links {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 16px 0px;
}
.footer_meta_links > div > a {
color: var(--primary);
font-size: 16px;
font-family: "Gill sans", sans-serif;
font-weight: 500!important;
}
.footer_meta_links > div {
display: flex;
gap: 9px;
}
.footer_meta_links > div > * {
font-size: 15px;
font-family: "Gill sans", sans-serif;
}
.footer_meta_links > div >* {
font-weight: 700!important;
}
.sof_spacer {
width: 100%;
height: 90px;
}
.sof_menu_wrapper.sof_logged_in {
top: 32px;
}
a.sof_btn_inline_dark,
div.et_pb_text_inner > a.sof_btn_inline_dark,
div.et_pb_text_inner > a.sof_btn.sof_btn_primary,
div.et_pb_text_inner > p > a.sof_btn.sof_btn_primary,
a.sof_btn {
background-color: var(--secondary);
padding: 15px 42px 11px 20px;
position: relative;
font-family: var(--font);
color: white!important;
font-size: 16px;
border-radius: 4px;
font-weight: bold;
cursor: pointer; width: auto!important;
display: inline-block!important;
text-decoration: none!important;
}
a.sof_btn::after{
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M15.5857864%2C12%20L7.29289322%2C20.2928932%20C6.90236893%2C20.6834175%206.90236893%2C21.3165825%207.29289322%2C21.7071068%20C7.68341751%2C22.0976311%208.31658249%2C22.0976311%208.70710678%2C21.7071068%20L17.7071068%2C12.7071068%20C18.0976311%2C12.3165825%2018.0976311%2C11.6834175%2017.7071068%2C11.2928932%20L8.70710678%2C2.29289322%20C8.31658249%2C1.90236893%207.68341751%2C1.90236893%207.29289322%2C2.29289322%20C6.90236893%2C2.68341751%206.90236893%2C3.31658249%207.29289322%2C3.70710678%20L15.5857864%2C12%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
content: "";
width: 35px;
height: 100%;
position: absolute;
right: 0px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
top: 0px;
}
a.sof_btn.sof_btn_outline,
div.et_pb_text_inner > p > a.sof_btn.sof_btn_secondary,
a.sof_btn.sof_btn_secondary {
background-color: rgba(0,0,0,0);
color: white!important;
-webkit-box-shadow: inset 0px 0px 0px 1.5px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 1.5px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 1.5px rgba(255,255,255,1);
}
a.sof_btn.sof_btn_outline{
padding: 14px 14px 10px 10px;
}
a.sof_btn.sof_btn_outline::after{
display: none!important;
}
div.sof_span_h {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0px;
margin: 0px;
float: left;
gap: 10px;
}
div.sof_span_h > a {
width: 100%;
}
.sof_divider {
width: 60%;
height: 3px;
background-color: var(--secondary);
margin-bottom: 3px;
margin-top: 0px;
}
.sof_section_slider {
float: left;
width: 100%;
margin-top: 20px;
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 10px;
}
.sof_nav.sof_btn_secondary {
width: 52px!important;
height: 50px;
}
a.sof_btn.sof_nav.sof_btn_secondary::after {
width: 100%;
height: 100%;
background-size: 19px;
}
a.btn_reversed{
transform: rotate(180deg);
}
.sof_section_slider_body {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
.sof_section_slider_body > div {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sof_header_slide{
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
div.sof_section_slider_body, div.slick-list, div.slick-track {
height: 100% !important;
position: absolute!important;
}
.sof_corepoint > img {
width: 20px;
}
.sof_corepoint {
background-color: white;
margin-bottom: 14px;
float: left;
width: 100%;
display: grid;
grid-template-columns: 24px 1fr;
grid-gap: 10px;
padding: 14px;
align-items: center;
border-radius: 3px;
transform: translate(-52px, 0px);
}
.sof_corepoint > span {
font-size: 16px;
font-weight: 500;
font-family: var(--font);
line-height: 21px;
transform: translate(0px , 2px);
color: var(--primary);
}
a.sof_btn_inline_dark,
div.et_pb_text_inner > a.sof_btn_inline_dark,
a.sof_btn.sof_btn_inline {
color: white;
background-color: rgba(0, 0, 0, 0);
font-weight: 400;
padding: 0px;
padding-right: 29px;
}
a.sof_btn_inline_dark,
div.et_pb_text_inner > a.sof_btn_inline_dark{
color: var(--primary)!important;
}
.sof_section_slider_nav{
position:absolute;
right: 0px;
bottom: 0px;
}
.sof_section100{
position:relative;
width: 100%;
height: 100%;
}
.sofp_section_slider {
z-index: 0 !important;
}
.sofp_project_img_body{
padding: 10px;
}
.sof_img100 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
border-radius: 6px;
}
div.sofp_large_slider{
height: 500px;
}
.sofp_ft_inner > strong{
font-size: 17px;
font-family: var(--font);
color: white;
font-weight: 500;
}
.sof_btns_v {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
div.et_pb_text_inner > h1,
div.et_pb_text_inner > h2,
div.et_pb_text_inner > h3,
div.et_pb_text_inner > h4,
div.et_pb_text_inner > h5,
div.et_pb_text_inner > h6,
div.et_pb_text_inner > p{
padding: 0px!important;
margin: 0px!important;   
}
div.et_pb_text_inner > br{
height: 0px!important;
display: none!important;
}
div.et_pb_text_inner {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 15px;
font-family: var(--font)!important;
font-weight: 500;
}
.sofd_wrapper {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.sof_btns_v.sof_spanbtns {
align-items: stretch;
width: auto;
display: grid;
grid-template-columns: 1fr;
float: left;
}
.sof_trends_masonry {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
width: 60%;
float: right;
}
.sof_trends_masonry_col {
display: flex;
flex-direction: column;
gap: 10px;
}
.sof_trends_img {
background-color: rgb(17, 29, 61);
width: 100%;
padding-bottom: 100%;
}
.sof_trends_masonry_col:nth-child(1) {
transform:translateY(-20px);
}
.sof_trends_masonry_col:nth-child(2) {
transform:translateY(20px);
}
.sof_mobile_menu_trigger{
display: none;
}
@media screen and (max-width: 760px) {
ul.sof_menu_items,   
ul.sof_secondary_menu_items{
display: none!important;
}
.sof_menu_wrapper > div.sof_menu_desktop > div.sof_menu_el {
height: 60px;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 60px;
}
.sof_menu_logo {
background-size: 100px !important;
}
.sof_mobile_menu_trigger{
display: block;
width: 60px;
height: 60px;
background-color: var(--secondary);
background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-menu%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-60.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2318233f%22%20d%3D%22M3.99388373%2C20%20C3.4449769%2C20%203%2C19.5522847%203%2C19%20C3%2C18.4477153%203.4449769%2C18%203.99388373%2C18%20L20.0061163%2C18%20C20.5550231%2C18%2021%2C18.4477153%2021%2C19%20C21%2C19.5522847%2020.5550231%2C20%2020.0061163%2C20%20L3.99388373%2C20%20Z%20M3.99388373%2C13%20C3.4449769%2C13%203%2C12.5522847%203%2C12%20C3%2C11.4477153%203.4449769%2C11%203.99388373%2C11%20L20.0061163%2C11%20C20.5550231%2C11%2021%2C11.4477153%2021%2C12%20C21%2C12.5522847%2020.5550231%2C13%2020.0061163%2C13%20L3.99388373%2C13%20Z%20M3.99388373%2C6%20C3.4449769%2C6%203%2C5.55228475%203%2C5%20C3%2C4.44771525%203.4449769%2C4%203.99388373%2C4%20L20.0061163%2C4%20C20.5550231%2C4%2021%2C4.44771525%2021%2C5%20C21%2C5.55228475%2020.5550231%2C6%2020.0061163%2C6%20L3.99388373%2C6%20Z%22%20id%3D%22menu%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
}
div.sof_menu_body {
transform: translate(-260px, 0px);
transition: all 400ms cubic-bezier(0.250, 0.250, 0.000, 1.005); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.005); }
.sof_mobile_menu_body {
position: fixed;
top: 0px;
right: 0;
width: 260px;
height: 100vh;
background-color: var(--secondary);
z-index: 999999999999999999 !important;
transition: all 400ms cubic-bezier(0.250, 0.250, 0.000, 1.005); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.005); }
.sof_mobile_menu_body::after{
content: "";
width: 470px;
height: 80px;
position: absolute;
bottom: 210px;
left: -20px;
background-image: url(//schaffenburg.nl/wp-content/uploads/2024/10/thuisopjewerk-watermerkblauw-1.webp);
z-index: 1;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90DEG);
}
ul.sof_mobilemenu_items {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
list-style: none!important;
}
ul.sof_mobilemenu_items > li {
background-color: #ffffff00 !important;
padding: 10px!important;
}
ul.sof_mobilemenu_items > li >a {
color: white!important;
font-size: 18px!important;
font-family: var(--font)!important;
}
.sof_mobile_menu_fade{
position: fixed;
top: 0px;
left: 0px;
width: calc(100vw - 260px);
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index:99999999999999999;
opacity: 1;
display: block;
transition: all 400ms cubic-bezier(0.250, 0.250, 0.000, 1.005); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.005); }
.sof_mobilemenu_close{
background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
width: 60px;
height: 60px;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;   
}
.sof_mobile_menu_fade_hidden{
opacity: 0;
display: none;
transition: all 400ms cubic-bezier(0.250, 0.250, 0.000, 1.005); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.005); }
.sof_mobile_menu_body_hidden{
transform: translate(260px, 0px);
transition: all 400ms cubic-bezier(0.250, 0.250, 0.000, 1.005); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.005); } li.sof_secondary_menu_item.sof_lang_switch > ul {
display: flex;
padding: 0px !important;
flex-direction: row;
align-content: center;
align-items: center;
gap: 5px;
}
li.lang-item > a > img {
width: 23px!important;
height: 17px!important;
}
li.sof_secondary_menu_item.sof_lang_switch > ul {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: center;
height: 100%;
list-style: none!important;
}
li.lang-item > a {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center; height: 100%;
}
.lang-item{
filter:saturate(0.2);
}
.lang-item:hover,.current-lang{
filter:saturate(1);
}
li.sof_secondary_menu_item.sof_lang_switch > ul > li > a > img {
width: 20px;
transform: translate(0px, 5px);
}
li.sof_secondary_menu_item.sof_lang_switch > ul {
list-style: none !important;
}
.sof_floating_nav{
position:Absolute;
bottom: 30px;
display: flex;
right: 50px;
flex-direction: row;
gap: 10px;
}
ul.sof_secondary_menu_items::before {
width: 20px;
height: 100%;
content: "";
position: absolute;
left: -10px;
top: 0px;
background-color: var(--primary);
border-radius: 0px;
transform: skew(-20deg, 0deg);
}
@media screen and (max-width: 700px) {
.footer_meta_links,
.footer_meta_links > div{
flex-direction: column;
gap: 10px;
text-align:center;
}
}
div.sofv_list > ul > li,
input[type="submit"].ninja-forms-field,
div.sof_catalogus_item,
div.sofp_project_body,
a.sof_btn,
ul.sof_menu_items > li.sof_menu_item > a,
div.footer_meta_links > div > a,
button.sof_btn{
transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 1.015); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.015); cursor: pointer!important;
}
div.sofv_list > ul > li:hover,
input[type="submit"].ninja-forms-field:hover,
div.sof_catalogus_item:hover,
div.sofp_project_body:hover,
a.sof_btn:hover,
ul.sof_menu_items > li.sof_menu_item:hover > a,
div.footer_meta_links > div > a:hover,
button.sof_btn:hover{
filter: brightness(1.1) saturate(1.2)!important;
transform: scale(1.06,1.06)!important;
}
a.btn_reversed:hover{
transform: rotate(180deg) scale(1.02,1.02)!important;
cursor: pointer!important;
}
a.sof_btn_outline,
a.sof_btn{
color: white!important;
}
@media only screen and (max-width: 600px) {
.sof_corepoint {
transform: translate(0px, 0px);
}
}