@charset "UTF-8";
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face {
font-family: "Custom Font";
src: url(//ruysschaert.be/wp-content/themes/custom/assets/fonts/Figtree-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Custom Font";
src: url(//ruysschaert.be/wp-content/themes/custom/assets/fonts/Figtree-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Custom Font";
src: url(//ruysschaert.be/wp-content/themes/custom/assets/fonts/Boldonse-Regular.ttf) format("truetype");
font-weight: 500;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
}
} @keyframes scrollText {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.noscroll, .overflow-hidden {
overflow: hidden;
}
body {
background-color: #E7530B;
font-style: normal;
color: #FBFBFB;
line-height: 24px;
font-size: 18px;
}
body,
html {
overflow-x: hidden;
}
h1, .h1 {
font-style: normal;
font-size: 24px;
line-height: 40px;
padding-bottom: 5px;
}
@media (min-width: 768px) {
h1, .h1 {
font-size: 30px;
line-height: 40px;
}
}
@media (min-width: 1024px) {
h1, .h1 {
font-size: 40px;
line-height: 60px;
}
}
h2, .h2 {
font-style: normal;
font-size: 22px;
line-height: 32px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
h2, .h2 {
font-size: 26px;
line-height: 46px;
}
}
@media (min-width: 1024px) {
h2, .h2 {
font-size: 34px;
line-height: 54px;
}
}
h3, .h3 {
font-style: normal;
font-size: 16px;
line-height: 26px;
padding-bottom: 5px;
}
@media (min-width: 1024px) {
h3, .h3 {
font-size: 16px;
line-height: 24px;
}
}
.f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.f-subtitle {
font-size: 16px !important;
margin-bottom: 10px !important;
}
}
div.section-inner {
max-width: unset;
margin: 0 auto;
padding: 30px 15px;
}
@media (min-width: 650px) {
div.section-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
div.section-inner {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
div.section-inner {
padding: 60px 30px;
}
}
section.section.aansluitend {
margin-top: -50px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@media (max-width: 768px) {
section.section.aansluitend {
margin-top: -35px;
}
}
section.section ul, section.section ol {
padding-left: 19px;
list-style: initial;
}
.label {
display: inline-block;
width: fit-content;
position: relative;
background-color: #FFEFE8;
color: #311101 !important;
padding: 15px 30px;
font-weight: 400;
font-size: 18px;
border-radius: 30px;
}
a.custom-btn,
.custom-btn,
input.gform_button,
input.gform-button {
display: inline-block;
position: relative;
background-color: #FFEFE8;
color: #311101 !important;
text-decoration: none;
padding: 15px 30px;
padding-right: 75px;
border: none;
box-shadow: none;
cursor: pointer;
font-weight: 400;
font-size: 18px;
border-radius: 30px;
}
a.custom-btn.back,
.custom-btn.back,
input.gform_button.back,
input.gform-button.back {
padding-right: 30px;
padding-left: 75px;
}
a.custom-btn.back::after,
.custom-btn.back::after,
input.gform_button.back::after,
input.gform-button.back::after {
content: "\f062";
font-family: "Font Awesome 6 Free";
font-weight: 600;
background-image: none;
left: 35px;
top: 15px;
right: unset;
color: #E7530B;
font-size: 24px;
width: unset;
height: unset;
transform: rotate(-45deg);
}
a.custom-btn.back:hover::after,
.custom-btn.back:hover::after,
input.gform_button.back:hover::after,
input.gform-button.back:hover::after {
transform: rotate(-90deg);
}
a.custom-btn::after,
.custom-btn::after,
input.gform_button::after,
input.gform-button::after {
content: "";
width: 53px;
height: 53px;
position: absolute;
top: 1px;
right: 0;
background-image: url(//ruysschaert.be/wp-content/uploads/2025/04/arrow.svg);
background-position: center;
background-size: cover;
transition: transform 0.3s;
}
a.custom-btn:hover::after,
.custom-btn:hover::after,
input.gform_button:hover::after,
input.gform-button:hover::after {
transform: rotate(45deg);
}
a.custom-btn.icon,
.custom-btn.icon,
input.gform_button.icon,
input.gform-button.icon {
padding: 0;
width: 40px;
height: 40px;
}
a.custom-btn.icon::after,
.custom-btn.icon::after,
input.gform_button.icon::after,
input.gform-button.icon::after {
width: 40px;
height: 40px;
}
a.custom-btn.orange,
.custom-btn.orange,
input.gform_button.orange,
input.gform-button.orange {
background-color: #E7530B;
color: #FBFBFB !important;
}
a.custom-btn.light,
.custom-btn.light,
input.gform_button.light,
input.gform-button.light {
background-color: #FFF8F5;
}
a.custom-btn.no-icon,
.custom-btn.no-icon,
input.gform_button.no-icon,
input.gform-button.no-icon {
padding-right: 30px;
}
a.custom-btn.no-icon::after,
.custom-btn.no-icon::after,
input.gform_button.no-icon::after,
input.gform-button.no-icon::after {
display: none;
}
.f-button-container a {
margin: 5px;
}
.divLink {
cursor: pointer;
}
a.link {
text-decoration: none;
}
a.link:hover {
text-decoration: underline;
}
.inverted-color h1, .inverted-color h2, .inverted-color * {
color: #E7530B;
}
.inverted-color p, .inverted-color .text, .inverted-color strong, .inverted-color b, .inverted-color u, .inverted-color ul, .inverted-color li, .inverted-color ol {
color: #311101;
}
.text-white {
color: #FBFBFB;
}
.hidden-on-scroll {
opacity: 0 !important;
}
.custom-select {
position: relative;
width: auto;
min-width: 275px;
background: #FFEFE8;
cursor: pointer;
border-radius: 25px;
display: inline-block;
color: #311101;
}
.custom-select .selected-option {
padding: 15px 30px;
color: #311101;
position: relative;
}
.custom-select .selected-option::before {
content: "\f107";
font-family: "Font Awesome 6 Free";
font-size: 18px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #311101;
font-weight: 900;
}
.custom-select .select-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 0;
overflow: hidden;
background: #FFEFE8;
transition: max-height 0.3s ease;
z-index: 100;
}
.custom-select .select-options li {
padding: 5px 20px;
color: #311101;
opacity: 0.5;
font-size: 15px;
}
.custom-select .select-options li:hover {
opacity: 1;
}
.custom-select.open {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.custom-select.open .select-options {
max-height: 600px;
border-top: 3px solid #FFEFE8;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding: 5px 0;
}
-html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-family: "Custom Font";
font-weight: 400;
}
* {
box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
font-family: "Custom Font";
font-weight: 500;
}
b,
strong {
font-weight: 700;
}
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
header.header-below {
position: relative;
}
header .header-top {
background-color: #E7530B;
padding: 10px 0;
}
@media (max-width: 650px) {
header .header-top {
display: none;
}
}
header .header-top .nav-desktop {
max-width: unset;
margin: 0 auto;
padding: 0 30px;
}
header .header-top ul {
list-style: none;
text-align: right;
}
header .header-top ul li {
display: inline-block;
margin: 0 0 0 15px;
}
header .header-top ul li a {
color: #FBFBFB;
text-decoration: none;
font-size: 16px;
}
body.body-home .main-menu {
backdrop-filter: blur(30px);
background-color: transparent;
}
.main-menu {
border-radius: 20px;
background-color: #FF7931;
margin: 0 15px;
}
.main-menu.submenu-visible .header-inner {
border-bottom: 1px solid #FBFBFB;
}
.header-inner {
display: flex;
gap: 15px;
max-width: unset;
margin: 0 auto;
padding: 15px 30px;
}
.header-inner .right {
justify-content: flex-end;
}
.header-inner .left {
justify-content: flex-start;
}
.header-inner .left img {
width: auto;
height: 75px;
}
.header-inner .right,
.header-inner .left {
display: flex;
align-items: center;
flex-grow: 1;
}
@media (min-width: 900px) {
.header-inner .right,
.header-inner .left {
padding-top: 0;
}
}
@media (min-width: 900px) {
.header-inner .right .nav-mobile-btn,
.header-inner .left .nav-mobile-btn {
display: none;
}
}
.header-inner .right nav.nav-desktop,
.header-inner .left nav.nav-desktop {
display: none;
}
@media (min-width: 900px) {
.header-inner .right nav.nav-desktop,
.header-inner .left nav.nav-desktop {
display: block;
}
}
.header-inner .right nav.nav-desktop ul,
.header-inner .left nav.nav-desktop ul {
list-style: none;
}
.header-inner .right nav.nav-desktop ul li,
.header-inner .left nav.nav-desktop ul li {
display: inline-block;
margin: 0 0 0 30px;
position: relative;
}
@media (max-width: 1440px) {
.header-inner .right nav.nav-desktop ul li,
.header-inner .left nav.nav-desktop ul li {
margin: 0 0 0 15px;
}
}
@media (max-width: 1320px) {
.header-inner .right nav.nav-desktop ul li,
.header-inner .left nav.nav-desktop ul li {
margin: 0 0 0 5px;
}
}
.header-inner .right nav.nav-desktop ul li:hover > a,
.header-inner .left nav.nav-desktop ul li:hover > a {
text-decoration: underline;
}
.header-inner .right nav.nav-desktop ul li a,
.header-inner .left nav.nav-desktop ul li a {
color: #FBFBFB;
text-decoration: none;
font-size: 11px;
font-weight: 500;
}
.header-inner .right nav.nav-desktop ul li.menu-btn a,
.header-inner .left nav.nav-desktop ul li.menu-btn a {
display: inline-block;
background-color: #E7530B;
color: #FBFBFB;
border: 1px solid #E7530B;
border-radius: 35px;
text-decoration: none;
padding: 10px 15px;
text-align: center;
}
.header-inner .right nav.nav-desktop ul,
.header-inner .left nav.nav-desktop ul {
position: relative;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu,
.header-inner .left nav.nav-desktop ul li ul.sub-menu {
display: none;
position: absolute;
top: 15px;
left: 0;
padding: 15px;
padding-left: 0;
white-space: nowrap;
z-index: 9999;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li {
position: static;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children > a,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children > a {
position: relative;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children > a::after,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children > a::after {
content: "\f062";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 16px;
display: inline-block;
margin-left: 10px;
transform: rotate(45deg);
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children.menu-item-has-children > a:hover::after,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li.menu-item-has-children.menu-item-has-children > a:hover::after {
transform: rotate(90deg);
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu.submenu-secondary,
.header-inner .left nav.nav-desktop ul li ul.sub-menu.submenu-secondary {
padding-top: 60px;
padding-right: 0;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu.submenu-secondary > li,
.header-inner .left nav.nav-desktop ul li ul.sub-menu.submenu-secondary > li {
border-right: 1px solid #FBFBFB;
padding-right: 15px;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu.submenu-tertiary,
.header-inner .left nav.nav-desktop ul li ul.sub-menu.submenu-tertiary {
padding-top: 60px;
margin-left: 0;
padding-left: 30px;
height: 100%;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li {
display: block;
margin: 0;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li a,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li a {
color: #FBFBFB;
padding: 10px 15px;
padding-left: 0;
display: block;
opacity: 0.7;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li a:hover,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li a:hover {
text-decoration: underline;
opacity: 1;
}
.header-inner .right nav.nav-desktop ul li ul.sub-menu li ul.sub-menu,
.header-inner .left nav.nav-desktop ul li ul.sub-menu li ul.sub-menu {
top: 0;
left: 100%;
}
.header-inner .right nav.nav-desktop ul li:hover > ul.sub-menu,
.header-inner .left nav.nav-desktop ul li:hover > ul.sub-menu {
display: block;
}
.header-inner .right nav.nav-desktop ul li.active-secondary > a,
.header-inner .left nav.nav-desktop ul li.active-secondary > a {
text-decoration: underline;
opacity: 1 !important;
}
#site-navigation {
position: fixed;
background: #E7530B;
transform: translateX(-100%);
transition: all 0.3s ease;
margin: 0;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
overflow-y: scroll;
}
#site-navigation.active {
transform: translateX(0);
}
#site-navigation .slide-navigation-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #FBFBFB;
padding: 15px 30px;
}
#site-navigation .slide-navigation-top .left img {
height: 50px;
width: auto;
}
#site-navigation .slide-navigation-top .right {
display: flex;
align-items: center;
}
#site-navigation .slide-navigation-top .right .lang * {
color: #FBFBFB;
}
#site-navigation .slide-navigation-inner {
height: fit-content;
padding: 30px;
padding-top: 0;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr {
list-style: none;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li {
display: block;
border-bottom: 1px solid #FBFBFB;
position: relative;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li:last-child,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li:last-child {
border-bottom: 0px;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li a,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li a {
padding: 15px 0;
color: #FBFBFB;
text-decoration: none;
line-height: 22px;
font-weight: 500;
font-size: 14px;
display: inline-block;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li.mobile-nav-btn a,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li.mobile-nav-btn a {
padding: 10px 15px;
border: 1px solid #FBFBFB;
border-radius: 25px;
display: inline-block;
line-height: 22px;
margin-top: 15px;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .sub-menu,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .sub-menu {
display: none;
border-top: 1px solid #FBFBFB;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .sub-menu.open,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .sub-menu.open {
display: block;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .sub-menu li a,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .sub-menu li a {
padding-left: 15px;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .sub-menu .sub-menu li a,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .sub-menu .sub-menu li a {
padding-left: 30px;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .open-sub,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .open-sub {
position: absolute;
z-index: 999999999;
right: 5px;
top: 15px;
transform: rotate(-45deg);
font-size: 24px;
}
#site-navigation .slide-navigation-inner #menu-mobile-menu li .open-sub.open,
#site-navigation .slide-navigation-inner #menu-mobile-menu-fr li .open-sub.open {
transform: rotate(45deg);
}
.nav-mobile-btn {
background: none;
outline: none;
border: none;
width: 40px;
height: 25px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.nav-mobile-btn span {
display: block;
position: absolute;
height: 4px;
border-radius: 10px;
width: 100%;
background: #E7530B;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.nav-mobile-btn span:nth-child(1) {
top: 0px;
}
.nav-mobile-btn span:nth-child(2), .nav-mobile-btn span:nth-child(3) {
top: 10px;
}
.nav-mobile-btn span:nth-child(4) {
top: 20px;
}
.nav-mobile-btn.open span {
background: #FBFBFB;
}
.nav-mobile-btn.open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}
.nav-mobile-btn.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-mobile-btn.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-mobile-btn.open span:nth-child(4) {
top: 20px;
width: 0%;
left: 50%;
}
.f-hero {
margin: 15px;
margin-top: 75px;
border-radius: 20px;
border-top-right-radius: 0;
border-top-left-radius: 0;
position: relative;
z-index: 99;
background-color: #FBFBFB;
}
.f-hero .f-hero-inner {
display: flex;
gap: 75px;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
align-items: stretch;
padding: 60px 0 0 60px;
}
@media (max-width: 768px) {
.f-hero .f-hero-inner {
flex-direction: column;
padding: 15px;
gap: 15px;
}
}
.f-hero .f-hero-inner .f-image-column {
flex: 0 0 calc(50% - 40px);
background-position: var(--x, 50%) var(--y, 50%);
background-size: cover;
border-bottom-right-radius: 20px;
min-height: 250px;
}
@media (max-width: 768px) {
.f-hero .f-hero-inner .f-image-column {
border-bottom-left-radius: 20px;
}
}
.f-hero .f-hero-inner .f-text-column {
flex: 0 0 calc(50% - 35px);
padding-bottom: 145px;
padding-top: 145px;
}
@media (max-width: 768px) {
.f-hero .f-hero-inner .f-text-column {
padding-bottom: 15px;
padding-top: 45px;
flex: 0 0 100%;
}
}
.f-hero .f-hero-inner .f-text-column .f-subtitle {
font-weight: 500;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 12px;
}
.f-hero .f-hero-inner .f-text-column h1, .f-hero .f-hero-inner .f-text-column h2 {
color: #E7530B;
}
.f-hero .f-hero-inner .f-text-column .text {
margin-top: 15px;
color: #311101;
}
.f-hero .f-hero-inner .f-text-column .f-button-container {
margin-top: 30px;
}
.f-hero-video {
position: relative;
overflow: hidden;
height: 90vh;
}
@media (max-width: 768px) {
.f-hero-video {
height: 50vh;
}
}
.f-hero-video .f-hero-video-inner {
width: 100%;
height: 90vh;
display: flex;
position: relative;
align-items: flex-end;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.f-hero-video .f-hero-video-inner {
height: 50vh;
padding: 0 30px;
}
}
.f-hero-video .f-hero-video-inner .text {
font-size: 30px;
line-height: 40px;
}
@media (max-width: 768px) {
.f-hero-video .f-hero-video-inner .text {
font-size: 18px;
line-height: 30px;
}
}
.f-hero-video .f-hero-video-inner #unmuteBtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
border: 1px solid #FBFBFB;
border-radius: 50%;
cursor: pointer;
z-index: 999;
}
.f-hero-video .f-video {
position: fixed;
margin: 15px;
margin-top: 45px;
z-index: -1;
top: 0;
left: 0;
width: calc(100% - 30px);
height: calc(90vh - 45px);
object-fit: cover;
}
@media (max-width: 768px) {
.f-hero-video .f-video {
height: 50vh;
}
}
.f-hero-video .f-video video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.f-3-columns {
margin: 15px;
border-radius: 20px;
overflow: hidden;
}
.f-3-columns .f-3-columns-inner .scroll-container {
display: flex;
gap: 0;
width: max-content;
animation: scrollText 15s linear infinite;
margin-bottom: 60px;
}
.f-3-columns .f-3-columns-inner .scroll-container .teletext {
font-weight: 500;
padding-right: 60px;
font-size: 60px;
line-height: 70px;
}
@media (max-width: 768px) {
.f-3-columns .f-3-columns-inner .scroll-container .teletext {
font-size: 32px;
line-height: 40px;
}
}
.f-3-columns .f-3-columns-inner .f-title-container {
margin-bottom: 15px;
}
.f-3-columns .f-3-columns-inner .f-columns {
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-3-columns .f-3-columns-inner .f-columns {
flex-direction: column;
}
}
.f-3-columns .f-3-columns-inner .f-columns.cols-2 .f-column {
flex: 0 0 calc(50% - 15px);
}
.f-3-columns .f-3-columns-inner .f-columns.cols-3 .f-column {
flex: 0 0 calc(33.333% - 15px);
}
.f-3-columns .f-3-columns-inner .f-columns.cols-default .f-column {
flex: 0 0 100%;
}
.f-3-columns .f-3-columns-inner .f-columns .f-column {
background-color: #E7530B;
border-radius: 10px;
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 768px) {
.f-3-columns .f-3-columns-inner .f-columns .f-column {
flex-direction: column-reverse;
}
}
.f-3-columns .f-3-columns-inner .f-columns .f-column .column-text-container {
flex: 0 0 calc(66% - 15px);
padding: 60px 20px;
padding-right: 0;
}
@media (max-width: 768px) {
.f-3-columns .f-3-columns-inner .f-columns .f-column .column-text-container {
padding: 15px;
}
}
.f-3-columns .f-3-columns-inner .f-columns .f-column .column-text-container h3 {
color: #FFEFE8;
margin-bottom: 15px;
}
.f-3-columns .f-3-columns-inner .f-columns .f-column .column-text-container .text {
color: #FFEFE8;
}
.f-3-columns .f-3-columns-inner .f-columns .f-column .column-image {
flex: 0 0 calc(33% - 0px);
background-position: var(--x, 50%) var(--y, 50%);
background-repeat: no-repeat;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
min-height: 200px;
}
.f-3-columns .f-3-columns-inner .f-button-container {
padding: 45px 15px;
padding-bottom: 0;
text-align: center;
}
.f-image-text-column {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-image-text-column .f-image-text-column-inner {
display: flex;
gap: 45px;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.f-image-text-column .f-image-text-column-inner[data-layout=right] {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.f-image-text-column .f-image-text-column-inner {
flex-direction: column;
}
}
.f-image-text-column .f-image-text-column-inner .f-image-column {
flex: 1 1 calc(40% - 25px);
}
@media (max-width: 768px) {
.f-image-text-column .f-image-text-column-inner .f-image-column {
flex: 0 0 100%;
width: 100%;
}
}
.f-image-text-column .f-image-text-column-inner .f-image-column img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
border-radius: 20px;
max-height: 550px;
}
@media (max-width: 768px) {
.f-image-text-column .f-image-text-column-inner .f-image-column img {
max-height: 350px;
}
}
.f-image-text-column .f-image-text-column-inner .f-text-column {
flex: 1 1 calc(60% - 20px);
}
.f-image-text-column .f-image-text-column-inner .f-text-column .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .text {
margin-top: 15px;
color: #311101;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .text ul, .f-image-text-column .f-image-text-column-inner .f-text-column .text ol {
color: #311101;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .text ul li, .f-image-text-column .f-image-text-column-inner .f-text-column .text ol li {
color: #311101;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .f-button-container {
margin-top: 30px;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .usp-title {
margin-top: 30px;
margin-bottom: 15px;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .usps {
margin-top: 20px;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .usps[data-layout=two] {
display: flex;
flex-wrap: wrap;
gap: 0 30px;
}
.f-image-text-column .f-image-text-column-inner .f-text-column .usps[data-layout=two] .usp {
flex: 0 0 calc(50% - 15px);
}
@media (max-width: 768px) {
.f-image-text-column .f-image-text-column-inner .f-text-column .usps[data-layout=two] {
flex-direction: column;
}
}
.f-image-text-column .f-image-text-column-inner .f-text-column .usps .usp {
color: #311101;
padding: 10px 0;
border-bottom: 1px solid #E7530B;
}
.f-row-blocks {
position: relative;
z-index: 5;
margin: 15px;
border-radius: 20px;
}
.f-row-blocks .f-row-blocks-inner {
display: flex;
gap: 45px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-row-blocks .f-row-blocks-inner {
flex-direction: column;
}
}
.f-row-blocks .f-row-blocks-inner .f-text-column {
flex: 0 0 calc(50% - 20px);
color: #FBFBFB;
padding-top: 30px;
}
.f-row-blocks .f-row-blocks-inner .f-text-column .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-row-blocks .f-row-blocks-inner .f-text-column h2 {
margin-bottom: 30px;
}
.f-row-blocks .f-row-blocks-inner .f-links-column {
flex: 0 0 calc(50% - 25px);
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-row-blocks .f-row-blocks-inner .f-links-column {
flex-direction: column;
}
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column {
flex: 0 0 calc(50% - 15px);
background-position: center;
background-size: cover;
border-radius: 10px;
padding: 45px 20px;
position: relative;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column::before, .f-row-blocks .f-row-blocks-inner .f-links-column .f-column::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 10px;
transition: opacity 0.4s ease;
z-index: 0;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column::before {
background: transparent linear-gradient(124deg, #FFEFE8 0%, #F8D3C2 100%) 0% 0% no-repeat padding-box;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column::after {
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column:hover::after {
opacity: 1;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column:hover::before {
opacity: 0;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text {
position: relative;
z-index: 5;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text h3 {
color: #E7530B;
font-size: 20px;
line-height: 32px;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text .link {
color: #311101;
margin-top: 30px;
position: relative;
display: inline-block;
padding-right: 10px;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text .link::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDM4LjYgMjc4LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNsLTE2MC0xNjBjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDMzOC44IDIyNCAzMiAyMjRjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsMzA2LjcgMEwyMzMuNCAzOTMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYweiIvPjwvc3ZnPg==");
position: absolute;
right: -10px;
top: 1px;
width: 10px;
}
@media (max-width: 768px) {
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text .link {
margin-top: 10px;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column .f-text .link::after {
display: none;
}
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column:hover h3 {
color: #FBFBFB;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column:hover .link {
color: #FBFBFB;
}
.f-row-blocks .f-row-blocks-inner .f-links-column .f-column:hover .link::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTQzOC42IDI3OC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zbC0xNjAtMTYwYy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM0wzMzguOCAyMjQgMzIgMjI0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMybDMwNi43IDBMMjMzLjQgMzkzLjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBsMTYwLTE2MHoiLz48L3N2Zz4=");
transform: rotate(315deg);
}
.f-spotlight {
margin: 15px;
z-index: 5;
position: relative;
border-radius: 20px;
background-color: #FFF8F5;
}
.f-spotlight .f-spotlight-inner .f-text-column {
text-align: center;
margin-bottom: 45px;
}
.f-spotlight .f-spotlight-inner .f-text-column .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column {
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-spotlight .f-spotlight-inner .f-spotlight-column {
flex-direction: column;
}
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column {
flex: 1 1 calc(50% - 15px);
min-height: 450px;
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
background-color: #FFEFE8;
border-radius: 10px;
}
@media (max-width: 768px) {
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column {
flex-direction: column;
}
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column.blog {
min-height: 300px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-image {
flex: 1 1 calc(40% - 15px);
border-radius: 10px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
border-radius: 10px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text {
flex: 1 1 calc(60% - 15px);
padding: 15px;
text-align: right;
display: flex;
flex-direction: column;
align-content: flex-end;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-end;
}
@media (max-width: 768px) {
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text {
text-align: left;
align-items: flex-start;
}
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text h3 {
color: #E7530B;
margin-bottom: 30px;
font-size: 20px;
line-height: 32px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text .subtitle {
display: block;
text-transform: uppercase;
margin-top: 5px;
font-size: 14px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text .text {
color: #311101;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text a {
margin-bottom: 60px;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text .usps {
display: table;
width: 100%;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column .f-text .usps .usp {
display: table;
width: 100%;
color: #311101;
border-bottom: 1px solid #E7530B;
padding: 5px 0;
}
.f-spotlight .f-spotlight-inner .f-spotlight-column .f-column:hover .custom-btn::after {
transform: rotate(45deg);
}
.f-cta-banner {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 5;
}
.f-cta-banner .f-cta-banner-inner {
padding-top: 90px;
padding-bottom: 90px;
min-height: 475px;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.f-cta-banner .f-cta-banner-inner {
min-height: 350px;
}
}
.f-cta-banner .f-cta-banner-inner .f-text-container {
width: 100%;
max-width: 530px;
}
.f-cta-banner .f-cta-banner-inner .f-text-container .text {
margin: 30px 0;
}
.f-testimonials {
position: relative;
z-index: 5;
}
.f-testimonials .f-testimonials-inner .f-top {
display: flex;
gap: 15px;
justify-content: space-between;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-top {
flex-direction: column;
text-align: center;
align-items: center;
}
}
.f-testimonials .f-testimonials-inner .f-text-column {
position: relative;
display: flex;
float: none;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-text-column {
flex-direction: column;
}
}
.f-testimonials .f-testimonials-inner .f-text-column .f-title-container {
color: #FFEFE8;
background: #E7530B;
flex: 0 0 30%;
}
.f-testimonials .f-testimonials-inner .f-text-column .f-title-container .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-testimonials .f-testimonials-inner .f-text-column .f-testimonial-slider {
flex: 0 0 70%;
}
.f-testimonials .f-testimonials-inner .f-text-column .f-testimonial-slider .slick-list {
overflow: hidden;
}
.f-testimonials .f-testimonials-inner .f-text-column .f-testimonial-slider .hero-slide {
max-width: 60vw;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-text-column .f-testimonial-slider .hero-slide {
max-width: 95vw;
}
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner {
position: relative;
margin: 15px 0;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .hero-slide {
margin: 0 15px;
max-width: 70vw;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .slick-list {
overflow: visible;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 30px;
background-color: #FFEFE8;
border-radius: 10px;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container {
flex-direction: column;
}
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .image-container {
flex: 0 0 calc(33% - 15px);
background-position: center;
background-size: cover;
border-radius: 10px;
}
@media (max-width: 1024px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .image-container {
flex: 0 0 calc(50% - 15px);
}
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .image-container {
flex: auto;
height: 200px;
}
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container {
flex: 0 0 calc(66% - 15px);
padding: 60px 30px;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container {
flex: 1 1 100%;
padding-top: 30px;
}
}
@media (max-width: 1024px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container {
flex: 0 0 calc(50% - 15px);
}
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container .quote-icon {
font-weight: 500;
font-size: 80px;
line-height: 100px;
color: #E7530B;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container .text {
margin-bottom: 15px;
font-weight: 500;
color: #311101;
font-size: 17px;
line-height: 32px;
}
@media (max-width: 768px) {
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container .text {
font-size: 15px;
line-height: 24px;
}
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .f-testimonial-container .text-container .name {
color: #311101;
font-size: 18px;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .slick-dots {
bottom: 10px;
}
.f-testimonials .f-testimonials-inner .f-testimonial-inner .slick-dots li button:before {
font-size: 32px;
color: #FBFBFB;
}
.f-getuigenissen {
margin: 15px;
border-radius: 20px;
overflow: hidden;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column {
display: flex;
flex-wrap: wrap;
gap: 15px;
background-color: #FFEFE8;
border-radius: 10px;
margin-bottom: 20px;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column:nth-child(even) {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column {
flex-direction: column !important;
}
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-image {
flex: 0 0 calc(20% - 10px);
background-size: cover;
background-position: center;
border-radius: 10px;
min-height: 250px;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text {
flex: 0 0 calc(80% - 10px);
padding: 30px 15px;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text .quote-icon {
color: #E7530B;
font-weight: 500;
font-size: 22px;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text .quote-icon {
margin-bottom: 15px;
}
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text .name-cat {
margin-top: 20px;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text .name-cat .name {
font-weight: 500;
text-decoration: underline;
color: #E7530B;
font-size: 14px;
}
.f-getuigenissen .f-getuigenissen-inner .f-getuigenissen-column .f-column .f-text .name-cat .category {
font-weight: 400;
color: #311101;
font-size: 14px;
}
.f-wist-je-dat {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-wist-je-dat .f-wist-je-dat-inner {
display: flex;
gap: 60px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-wist-je-dat .f-wist-je-dat-inner {
flex-direction: column;
gap: 15px;
}
}
.f-wist-je-dat .f-wist-je-dat-inner .f-title-container {
flex: 0 0 calc(40% - 30px);
}
.f-wist-je-dat .f-wist-je-dat-inner .f-title-container .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-wist-je-dat .f-wist-je-dat-inner .f-title-container .f-button-container {
margin-top: 20px;
}
.f-wist-je-dat .f-wist-je-dat-inner .f-quotes {
flex: 1 1 calc(60% - 30px);
}
.f-wist-je-dat .f-wist-je-dat-inner .f-quotes div.quote {
display: block;
padding: 20px 0;
border-bottom: 1px solid #FBFBFB;
font-weight: 500;
font-size: 13px;
}
.f-video {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-video video {
width: 100%;
height: auto;
border-radius: 20px;
}
.f-video iframe {
width: 100%;
height: 600px;
border-radius: 20px;
}
.f-prak-info {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-prak-info .f-prak-info-inner {
display: flex;
gap: 45px;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 768px) {
.f-prak-info .f-prak-info-inner {
flex-direction: column;
gap: 15px;
}
}
.f-prak-info .f-prak-info-inner .f-info-column {
flex: 1 1 calc(75% - 25px);
padding-top: 30px;
}
@media (max-width: 768px) {
.f-prak-info .f-prak-info-inner .f-info-column {
padding-top: 0;
}
}
.f-prak-info .f-prak-info-inner .f-info-column .f-info {
display: flex;
padding: 30px 0;
font-weight: 500;
justify-content: space-between;
color: #FFEFE8;
opacity: 0.5;
font-size: 14px;
border-bottom: 1px solid #FFEFE8;
cursor: se-resize;
}
.f-prak-info .f-prak-info-inner .f-info-column .f-info:hover {
color: #FBFBFB;
opacity: 1;
}
@media (max-width: 768px) {
.f-prak-info .f-prak-info-inner .f-info-column .f-info {
opacity: 1;
}
}
.f-prak-info .f-prak-info-inner .f-info-column img {
width: auto;
height: 250px;
position: fixed;
display: none;
pointer-events: none;
z-index: 1000;
border-radius: 20px;
}
.f-prak-info .f-prak-info-inner .f-text-column {
flex: 1 1 calc(25% - 20px);
}
.f-prak-info .f-prak-info-inner .f-text-column .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-circle-hero {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-circle-hero .f-circle-hero-inner .f-circle {
background: transparent linear-gradient(129deg, #FFF8F5 0%, #F8D3C2 100%) 0% 0% no-repeat padding-box;
width: 200px;
height: 200px;
position: relative;
text-align: center;
border-radius: 50%;
opacity: 0;
}
@media (max-width: 768px) {
.f-circle-hero .f-circle-hero-inner .f-circle {
height: 170px;
animation: pulse 3s infinite;
}
}
.f-circle-hero .f-circle-hero-inner .f-circle.inview {
animation: pulse 3s infinite;
}
.f-circle-hero .f-circle-hero-inner .f-circle#circle2 {
animation-delay: 0.5s;
}
.f-circle-hero .f-circle-hero-inner .f-circle#circle4 {
animation-delay: 1s;
}
.f-circle-hero .f-circle-hero-inner .f-circle#circle6 {
animation-delay: 1.5s;
}
.f-circle-hero .f-circle-hero-inner .f-circle#circle5 {
animation-delay: 2s;
}
.f-circle-hero .f-circle-hero-inner .f-circle#circle3 {
animation-delay: 2.5s;
}
.f-circle-hero .f-circle-hero-inner .f-circle .title {
font-weight: 500;
color: #E7530B;
font-size: 16px;
position: absolute;
width: 90%;
top: 50%;
left: 5%;
transform: translateY(-43%);
}
.f-circle-hero .f-circle-hero-inner .f-title-container {
text-align: center;
}
.f-circle-hero .f-circle-hero-inner .f-title-container.show-mobile {
display: none;
}
.f-circle-hero .f-circle-hero-inner .f-title-container .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.f-circle-hero .f-circle-hero-inner .f-title-container {
display: none;
}
.f-circle-hero .f-circle-hero-inner .f-title-container.show-mobile {
display: block;
}
}
.f-circle-hero .f-circle-hero-inner .circle-top,
.f-circle-hero .f-circle-hero-inner .circle-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 75px;
}
@media (max-width: 768px) {
.f-circle-hero .f-circle-hero-inner .circle-top,
.f-circle-hero .f-circle-hero-inner .circle-bottom {
gap: 15px;
}
}
.f-circle-hero .f-circle-hero-inner .circle-middle {
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 20px 0;
}
.f-3-column-row {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-3-column-row .f-column-rows {
background-color: #E7530B;
border-radius: 10px;
padding: 30px;
}
.f-3-column-row .f-column-rows .f-column-row {
display: flex;
gap: 0 30px;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.f-3-column-row .f-column-rows .f-column-row:not(:last-child) {
padding-bottom: 45px;
margin-bottom: 45px;
border-bottom: 1px solid #FBFBFB;
}
@media (max-width: 768px) {
.f-3-column-row .f-column-rows .f-column-row {
flex-direction: column;
gap: 15px;
}
}
.f-3-column-row .f-column-rows .f-column-row .counter {
flex: 0 0 calc(10% - 30px);
font-weight: 500;
color: #FFEFE8;
font-size: 20px;
}
.f-3-column-row .f-column-rows .f-column-row .title {
flex: 0 0 calc(20% - 0px);
font-weight: 500;
color: #FFEFE8;
font-size: 20px;
line-height: 32px;
}
.f-3-column-row .f-column-rows .f-column-row .text {
flex: 0 0 calc(50% - 30px);
color: #FBFBFB;
}
.f-3-column-row .f-column-rows .f-column-row .text .f-button-container {
margin-top: 15px;
}
.f-3-column-row .f-column-rows .f-column-row .image {
flex: 0 0 calc(20% - 30px);
background-position: center;
background-size: cover;
border-radius: 10px;
}
.f-faq {
margin: 15px;
border-radius: 20px;
overflow: hidden;
}
.f-faq .f-faq-inner .f-text-column {
margin-bottom: 15px;
}
.f-faq .f-faq-inner .f-text-column .text {
margin: 20px 0;
max-width: 960px;
}
.f-faq .f-faq-inner .f-text-column .f-button-container {
margin-bottom: 30px;
}
.f-faq .f-faq-inner .faq-filter {
margin-bottom: 15px;
}
.f-faq .f-faq-inner .f-vraag {
background-color: #FFEFE8;
padding: 30px;
border-radius: 20px;
margin-bottom: 15px;
cursor: pointer;
}
.f-faq .f-faq-inner .f-vraag .faq-title {
font-weight: 500;
color: #E7530B;
font-size: 20px;
display: block;
position: relative;
}
.f-faq .f-faq-inner .f-vraag .faq-title::after {
content: "\f35a";
font-family: "Font Awesome 6 Free";
font-weight: 400;
font-size: 30px;
position: absolute;
right: 10px;
top: 3px;
}
@media (max-width: 768px) {
.f-faq .f-faq-inner .f-vraag .faq-title {
font-size: 16px;
padding-right: 15px;
}
.f-faq .f-faq-inner .f-vraag .faq-title::after {
right: -15px;
}
}
.f-faq .f-faq-inner .f-vraag .faq-text {
font-size: 18px;
color: #311101;
opacity: 0;
height: 0;
overflow: hidden;
transition: all 0.5s ease;
}
.f-faq .f-faq-inner .f-vraag.active .faq-title::after {
content: "\f358";
}
.f-faq .f-faq-inner .f-vraag.active .faq-text {
opacity: 1;
height: auto;
margin-top: 20px;
}
.f-dagprogramma {
margin: 15px;
border-radius: 20px;
overflow: hidden;
}
.f-dagprogramma .f-dagprogramma-inner .f-title-container {
text-align: center;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview {
margin-top: 30px;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row {
display: flex;
gap: 0 1px;
margin-bottom: 1px;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column1 {
flex: 0 0 calc(60% - 1px);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column1::before {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
@media (max-width: 768px) {
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column1 {
flex: 0 0 calc(50% - 1px);
}
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column2 {
flex: 0 0 calc(40% - 1px);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column2::before {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
@media (max-width: 768px) {
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column2 {
flex: 0 0 calc(50% - 1px);
}
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row.multi-column .column2 {
flex: 0 0 calc(20% - 1px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row.multi-column .column2::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row.multi-column .column3 {
flex: 0 0 calc(20% - 1px);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row.multi-column .column3::before {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
@media (max-width: 768px) {
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row.multi-column .column {
flex: 0 0 calc(33% - 1px);
}
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column {
position: relative;
background-position: center;
background-size: cover;
padding: 45px 15px;
color: #E7530B;
cursor: default;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #FFEFE8;
z-index: 0;
top: 0;
left: 0;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .title,
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .time {
z-index: 5;
position: relative;
font-weight: 500;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .time {
font-size: 12px;
text-decoration: underline;
margin-bottom: 5px;
}
@media (max-width: 768px) {
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .time {
font-weight: 400;
font-size: 14px;
}
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .title {
font-size: 15px;
}
@media (max-width: 768px) {
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column .title {
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column:hover {
color: #FBFBFB;
}
.f-dagprogramma .f-dagprogramma-inner .f-dagprogramma-overview .f-prog-row .column:hover::before {
background: transparent linear-gradient(63deg, #9A5534 0%, rgba(116, 42, 6, 0) 100%) 0% 0% no-repeat padding-box;
}
.f-info-blocks {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-info-blocks .f-info-blocks-inner .f-text-column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.f-info-blocks .f-info-blocks-inner .f-text-column .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
}
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 768px) {
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container {
flex-direction: column;
}
}
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container .f-block {
flex: 0 0 calc(33% - 10px);
background-color: #FFEFE8;
border-radius: 10px;
padding: 30px;
display: flex;
flex-direction: column;
}
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container .f-block .f-title {
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container .f-block .f-button-container {
margin-top: 20px;
}
.f-info-blocks .f-info-blocks-inner .f-info-blocks-container .f-block .f-button-container a {
background-color: #FFF8F5;
}
.f-opleidingen {
margin: 15px;
z-index: 5;
position: relative;
border-radius: 20px;
}
.f-opleidingen .f-opleidingen-inner .f-text-column.button {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
align-items: center;
}
@media (max-width: 768px) {
.f-opleidingen .f-opleidingen-inner .f-text-column.button {
flex-direction: column;
}
}
.f-opleidingen .f-opleidingen-inner .f-text-column.button .empty {
flex: 0 0 calc(33% - 10px);
}
.f-opleidingen .f-opleidingen-inner .f-text-column.button .f-title-container {
text-align: center;
flex: 0 0 calc(33% - 10px);
}
.f-opleidingen .f-opleidingen-inner .f-text-column.button .f-button-container {
flex: 0 0 calc(33% - 10px);
text-align: right;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns {
margin-top: 30px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
gap: 15px;
background-color: #FFEFE8;
border-radius: 10px;
}
@media (max-width: 768px) {
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding {
flex-direction: column;
}
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .image-col {
flex: 0 0 calc(20% - 10px);
border-radius: 10px;
background-position: center;
background-size: cover;
}
@media (max-width: 768px) {
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .image-col {
min-height: 150px;
}
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col {
flex: 1 0 calc(80% - 10px);
padding: 20px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .left {
flex: 0 0 calc(66% - 10px);
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .right {
flex: 0 0 calc(33% - 10px);
text-align: right;
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
@media (max-width: 768px) {
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info {
flex-direction: column;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .left {
flex: 0 0 100%;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .right {
flex: 0 0 100%;
text-align: left;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status {
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
padding-left: 15px;
font-size: 12px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status::before {
content: "";
width: 7px;
height: 7px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.open {
color: #1CB900;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.open::before {
background-color: #1CB900;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.closed {
color: red;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.closed::before {
background-color: red;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.orange {
color: #FF7931;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .status.orange::before {
background-color: #FF7931;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .date-short {
font-weight: 500;
font-size: 12px;
text-decoration: underline;
margin-bottom: 15px;
color: #E7530B;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .title {
font-weight: 500;
line-height: 26px;
color: #E7530B;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .inschrijf-btn {
margin-right: 15px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .open-info {
width: 55px;
height: 55px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .title-info .open-info::after {
width: 55px;
height: 55px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .extra-info {
display: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
font-size: 14px;
line-height: 18px;
gap: 15px;
margin-top: 30px;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .extra-info div, .f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .extra-info a {
color: #311101;
}
@media (max-width: 768px) {
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding .content-col .extra-info {
flex-direction: column;
}
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding.open-info .inschrijf-btn {
display: inline-block !important;
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding.open-info .open-info::after {
transform: rotate(90deg);
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding.open-info .open-info:hover::after {
transform: rotate(45deg);
}
.f-opleidingen .f-opleidingen-inner .f-opleidingen-columns .f-column.opleiding.open-info .extra-info {
display: flex;
}
.f-locaties {
margin: 15px;
z-index: 5;
position: relative;
border-radius: 20px;
}
.f-locaties .f-locaties-inner .f-text-column.button {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
align-items: center;
}
@media (max-width: 768px) {
.f-locaties .f-locaties-inner .f-text-column.button {
flex-direction: column;
}
}
.f-locaties .f-locaties-inner .f-text-column.button .empty {
flex: 0 0 calc(33% - 10px);
}
.f-locaties .f-locaties-inner .f-text-column.button .f-title-container {
text-align: center;
flex: 0 0 calc(33% - 10px);
}
.f-locaties .f-locaties-inner .f-text-column.button .f-button-container {
flex: 0 0 calc(33% - 10px);
text-align: right;
}
.f-locaties .f-locaties-inner .f-locatie-column {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
}
@media (max-width: 768px) {
.f-locaties .f-locaties-inner .f-locatie-column {
flex-direction: column;
}
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties {
flex: 0 0 calc(33% - 10px);
}
@media (min-width: 768px) {
.f-locaties .f-locaties-inner .f-locatie-column .locaties {
border-right: 1px solid #FBFBFB;
padding-right: 15px;
}
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie {
display: flex;
gap: 20px;
margin-bottom: 20px;
align-items: stretch;
}
@media (min-width: 768px) {
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie {
opacity: 0.7;
}
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie .image {
flex: 0 0 calc(33% - 10px);
background-size: cover;
background-position: center;
border-radius: 10px;
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie .text {
flex: 0 0 calc(66% - 10px);
padding: 10px 0;
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie:hover {
opacity: 1;
}
.f-locaties .f-locaties-inner .f-locatie-column .locaties .locatie:hover h3 {
text-decoration: underline;
}
.f-locaties .f-locaties-inner .f-locatie-column .map {
flex: 0 0 calc(66% - 10px);
}
.f-locaties .f-locaties-inner .f-locatie-column .map #locaties-map {
width: 100%;
height: 100%;
border-radius: 10px;
}
@media (max-width: 768px) {
.f-locaties .f-locaties-inner .f-locatie-column .map #locaties-map {
height: 300px;
}
}
.f-tekst {
margin: 15px;
border-radius: 20px;
position: relative;
z-index: 99;
}
.f-tekst .f-text-container p, .f-tekst .f-text-container h1, .f-tekst .f-text-container h2, .f-tekst .f-text-container h3 {
padding-bottom: 15px;
}
div.tp-contact-form-inner .tp-title-container {
margin-bottom: 30px;
}
div.tp-contact-form-inner .tp-title-container h1, div.tp-contact-form-inner .tp-title-container h2 {
margin-bottom: 15px;
}
.page--contact .f-hero-inner .contact-info {
display: flex;
flex-wrap: wrap;
gap: 145px;
margin-top: 60px;
}
.page--contact .f-hero-inner .contact-info strong {
color: #311101;
}
.page--contact .f-hero-inner .contact-info a {
color: #E7530B;
display: block;
}
@media (max-width: 768px) {
.page--contact .f-hero-inner .contact-info {
gap: 15px;
margin-top: 45px;
}
}
.page--contact .f-contact {
margin: 15px;
border-radius: 20px;
overflow: hidden;
background-color: #FFF8F5;
}
.page--contact .f-contact .title {
font-weight: 500;
color: #E7530B;
margin-bottom: 15px;
}
.page--contact .f-contact .text {
line-height: 20px;
color: #311101;
}
.page--contact .f-contact .text a {
color: #E7530B;
}
.page--contact .f-contact .c-row {
margin-bottom: 15px;
}
.page--contact .f-contact .c-row .flex-row {
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-top: 20px;
}
@media (max-width: 768px) {
.page--contact .f-contact .c-row .flex-row {
flex-direction: column;
}
}
.page--contact .f-contact .c-row .flex-row .c-block {
border-radius: 10px;
padding: 30px;
}
.page--contact .f-contact .c-row .flex-row .c-block .text {
margin-bottom: 15px;
}
.page--contact .f-contact .c-row .flex-row .c-block .custom-btn {
padding: 10px 23px;
padding-right: 60px;
margin: 10px;
margin-left: 0;
}
.page--contact .f-contact .c-row .flex-row .c-block .custom-btn::after {
width: 44px;
height: 44px;
}
.page--contact .f-contact .c-row.c-row-1 .c-block {
flex: 0 0 calc(33% - 10px);
background-color: #FFEFE8;
}
.page--contact .f-contact .c-row.c-row-2, .page--contact .f-contact .c-row.c-row-4 {
background-color: #FFEFE8;
border-radius: 10px;
padding: 30px;
}
.page--contact .f-contact .c-row.c-row-2 .c-block, .page--contact .f-contact .c-row.c-row-4 .c-block {
flex: 0 0 calc(50% - 10px);
background-color: #FFF8F5;
}
.page--contact .f-contact .c-row.c-row-3 {
background-color: #FFEFE8;
border-radius: 10px;
padding: 30px;
}
.page--single .f-blog {
margin: 15px;
border-radius: 20px;
overflow: hidden;
background-color: #FFF8F5;
}
.page--single .f-blog .f-blog-inner h1, .page--single .f-blog .f-blog-inner h2, .page--single .f-blog .f-blog-inner h3, .page--single .f-blog .f-blog-inner h4 {
color: #E7530B;
}
.page--single .f-blog .f-blog-inner .f-title-container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .f-title-container {
flex-direction: column;
align-items: flex-start;
}
}
.page--single .f-blog .f-blog-inner .f-title-container .col {
flex: 0 0 calc(50% - 15px);
}
.page--single .f-blog .f-blog-inner .f-title-container .top-info {
color: #311101;
font-size: 16px;
text-align: right;
}
.page--single .f-blog .f-blog-inner .f-title-container .top-info span {
opacity: 0.5;
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .f-title-container .top-info {
text-align: left;
}
}
.page--single .f-blog .f-blog-inner .post-image {
width: 100%;
max-height: 260px;
margin: 30px 0;
}
.page--single .f-blog .f-blog-inner .post-image img {
object-fit: cover;
width: 100%;
height: auto;
max-height: 260px;
border-radius: 20px;
}
.page--single .f-blog .f-blog-inner .post-video {
margin: 60px 0;
}
.page--single .f-blog .f-blog-inner .post-video video {
width: 100%;
height: auto;
border-radius: 20px;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-subtitle {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
color: #E7530B;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container {
margin-top: 30px;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 15px;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image {
flex: 0 0 calc(25% - 15px);
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image {
flex: 0 0 calc(50% - 15px);
}
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image img {
border-radius: 10px;
width: 100%;
height: 300px;
object-fit: cover;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image img.lazy-img {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image img.lazy-img.loaded {
opacity: 1;
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .post-gallery .f-images-container .image-row .image img {
height: 150px;
}
}
.page--single .f-blog .f-blog-inner .post-content-container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 30px;
align-content: flex-start;
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .post-content-container {
flex-direction: column;
}
}
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar {
flex: 0 0 calc(33% - 15px);
border-right: 1px solid #707070;
}
@media (max-width: 768px) {
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar {
border-right: 0;
}
}
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share {
margin-top: 45px;
color: #311101;
font-size: 18px;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share .share-buttons {
margin-top: 20px;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share .share-buttons a, .page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share .share-buttons button {
background: #FFEFE8;
box-shadow: none;
border: none;
color: #E7530B;
font-size: 24px;
padding: 11px 10px;
border-radius: 50%;
margin-right: 15px;
cursor: pointer;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share .share-buttons a i, .page--single .f-blog .f-blog-inner .post-content-container .post-sidebar .share .share-buttons button i {
width: 30px;
text-align: center;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-content {
flex: 0 0 calc(66% - 15px);
color: #311101;
font-size: 16px;
line-height: 20px;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-content p + p {
margin-top: 15px;
}
.page--single .f-blog .f-blog-inner .post-content-container .post-content h2, .page--single .f-blog .f-blog-inner .post-content-container .post-content h3, .page--single .f-blog .f-blog-inner .post-content-container .post-content h4 {
margin: 15px 0;
}
.f-aanbod {
margin: 15px;
z-index: 5;
position: relative;
border-radius: 20px;
}
.f-aanbod .f-aanbod-inner .f-text-column {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
align-items: center;
}
@media (max-width: 768px) {
.f-aanbod .f-aanbod-inner .f-text-column {
flex-direction: column;
}
}
.f-aanbod .f-aanbod-inner .f-text-column .empty {
flex: 0 0 calc(33% - 10px);
}
.f-aanbod .f-aanbod-inner .f-text-column .f-title-container {
text-align: center;
flex: 0 0 calc(33% - 10px);
}
.f-aanbod .f-aanbod-inner .f-text-column .f-button-container {
flex: 0 0 calc(33% - 10px);
text-align: right;
}
.f-aanbod .f-aanbod-inner .f-aanbod-column {
margin-top: 30px;
}
.f-aanbod .f-aanbod-inner .f-aanbod-column .f-aanbod-row {
display: flex;
padding: 30px 0;
font-weight: 500;
justify-content: space-between;
color: #FFEFE8;
font-size: 14px;
border-bottom: 1px solid #E7530B;
position: relative;
cursor: url(//ruysschaert.be/wp-content/uploads/2025/05/svg.svg), auto;
opacity: 1;
}
.f-aanbod .f-aanbod-inner .f-aanbod-column .f-aanbod-row .text {
color: #E7530B;
}
@media (min-width: 768px) {
.f-aanbod .f-aanbod-inner .f-aanbod-column .f-aanbod-row .text {
width: 50%;
}
}
.f-aanbod .f-aanbod-inner .f-aanbod-column .f-aanbod-row:hover img {
display: block;
opacity: 1;
}
.f-aanbod .f-aanbod-inner .f-aanbod-column .f-aanbod-row img {
width: auto;
height: 250px;
position: absolute;
top: -65%;
right: 10%;
display: none;
opacity: 0;
pointer-events: none;
z-index: 1000;
border-radius: 20px;
}
.f-sfeerbeelden {
margin: 15px;
z-index: 5;
position: relative;
border-radius: 20px;
background-color: #FFF8F5;
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container {
margin-top: 30px;
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container,
.f-sfeerbeelden .f-sfeer-inner .slick-list,
.f-sfeerbeelden .f-sfeer-inner .slick-track,
.f-sfeerbeelden .f-sfeer-inner .hero-slide {
max-height: 355px;
position: relative;
border-radius: 10px;
}
@media (min-width: 768px) {
.f-sfeerbeelden .f-sfeer-inner .f-images-container,
.f-sfeerbeelden .f-sfeer-inner .slick-list,
.f-sfeerbeelden .f-sfeer-inner .slick-track,
.f-sfeerbeelden .f-sfeer-inner .hero-slide {
margin-right: 15px;
}
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container img,
.f-sfeerbeelden .f-sfeer-inner .slick-list img,
.f-sfeerbeelden .f-sfeer-inner .slick-track img,
.f-sfeerbeelden .f-sfeer-inner .hero-slide img {
max-height: 355px;
max-width: 350px;
object-fit: cover;
border-radius: 10px;
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-prev,
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-next {
left: auto;
top: -40px;
}
@media (max-width: 768px) {
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-prev,
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-next {
top: -30px;
}
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-prev::before,
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-next::before {
color: #FBFBFB;
background-color: #E7530B;
border-radius: 50%;
opacity: 1;
padding: 0 10px;
padding-top: 7px;
padding-bottom: 9px;
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-prev {
right: 70px;
}
.f-sfeerbeelden .f-sfeer-inner .f-images-container .slick-next {
right: 20px;
}
.f-adres {
margin: 15px;
z-index: 5;
position: relative;
}
.f-adres .f-adres-inner .adres-columns {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
gap: 15px;
}
.f-adres .f-adres-inner .adres-columns .image-column {
flex: 0 0 calc(50% - 10px);
background-position: center;
background-size: cover;
border-radius: 20px;
min-height: 200px;
}
@media (max-width: 768px) {
.f-adres .f-adres-inner .adres-columns .image-column {
flex: 0 0 100%;
}
}
.f-adres .f-adres-inner .adres-columns .text-column {
background-color: #FFF8F5;
border-radius: 20px;
flex: 0 0 calc(50% - 10px);
padding: 75px 60px;
text-align: center;
}
@media (max-width: 768px) {
.f-adres .f-adres-inner .adres-columns .text-column {
flex: 0 0 100%;
}
}
.f-adres .f-adres-inner .adres-columns .text-column .title-info {
color: #E7530B;
margin-bottom: 60px;
}
.f-adres .f-adres-inner .adres-columns .text-column .adres-info div {
padding: 20px 0;
color: #311101;
border-bottom: 1px solid #E7530B;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//ruysschaert.be/wp-content/themes/custom/assets/icons/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}