.cm_actueel_item {
display: grid;
grid-template-columns: 1fr 350px;
background-color: white!important;
min-height: 300px;
margin-bottom: 20px;
overflow: hidden;
border-radius: 4px;
}
.cm_actueel_item .cm_actueel_item_content {
padding :25px;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 6px;
}
.cm_actueel_item .cm_actueel_item_content .cm_actueel_titel {}
.cm_actueel_item .cm_actueel_item_content .cm_actueel_meta {
padding: 0px!important;
}
.cm_actueel_item .cm_actueel_item_content .cm_actueel_korte_omschrijving {
margin-bottom: 30px;
}
.cm_actueel_item .cm_actueel_item_img {
background-size: cover;
background-position: center;
}
.cm_actueel_item .cm_actueel_item_content > a{
color: var(--accent);
text-decoration: underline;
font-family: var(--font);
font-size: 16px;
font-weight: 400;
}
.cm_actueel_item.noimg{
grid-template-columns: 1fr;
}
div#cm_actueel_grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 20px;
}
div#cm_actueel_grid > .cm_actueel_item {
display: flex;
flex-direction: column;
}
div#cm_actueel_grid > .cm_actueel_item >  .cm_actueel_item_img {
width: 100%;
height: 250px;
}
.cm_actueel_item{
cursor: pointer;
}
.cm_actueel_item:hover{
transform: scale(1.01);
transition: all 0.3s ease-in-out;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.cm_actueel_item.cm_shadow_md.noimg {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media (max-width: 768px) {
.cm_actueel_item {
grid-template-columns: 1fr;
min-height: auto;
}
.cm_actueel_item .cm_actueel_item_img {
min-height: 200px;
order: -1;
}
.cm_actueel_item .cm_actueel_item_content {
padding: 20px;
}
}
div.cm_readmore {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
margin-top: 10px;
}
div.cm_readmore > a{
font-size: 18px;
color: var(--text);
font-weight: 300;
text-transform: underline!important;
border-bottom: 1px solid var(--text);
}:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
--af_animation_strength: 5%;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated {
animation-timing-function: cubic-bezier(0.214, 0.362, 0, 0.996);
animation-duration: .8s !important;
}
.animate__animated.af_animation_delay_1,
.animate__animated.af_animation_delay_2,
.animate__animated.af_animation_delay_3,
.animate__animated.af_animation_delay_4,
.animate__animated.af_animation_delay_5,
.animate__animated.af_animation_delay_6,
.animate__animated.af_animation_delay_7,
.animate__animated.af_animation_delay_8,
.animate__animated.af_animation_delay_9,
.animate__animated.af_animation_delay_10 {
animation-timing-function: cubic-bezier(0.339, 0.516, 0, 0.995) !important;
animation-duration: 0.6s !important;
animation-fill-mode: both !important;
}
.af_animation_delay_1 {
animation-delay: 0s;
}
.af_animation_delay_2 {
animation-delay: 0.1s;
}
.af_animation_delay_3 {
animation-delay: 0.2s;
}
.af_animation_delay_4 {
animation-delay: 0.3s;
}
.af_animation_delay_5 {
animation-delay: 0.4s;
}
.af_animation_delay_6 {
animation-delay: 0.5s;
}
.af_animation_delay_7 {
animation-delay: 0.6s;
}
.af_animation_delay_8 {
animation-delay: 0.7s;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, - var(--af_animation_strength), 0);
transform: translate3d(0, - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, - var(--af_animation_strength), 0);
transform: translate3d(0, - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), 0, 0);
transform: translate3d(- var(--af_animation_strength), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), 0, 0);
transform: translate3d(- var(--af_animation_strength), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftLong;
animation-name: fadeInLeftLong;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), 0, 0);
transform: translate3d(var(--af_animation_strength), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), 0, 0);
transform: translate3d(var(--af_animation_strength), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, var(--af_animation_strength), 0);
transform: translate3d(0, var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, var(--af_animation_strength), 0);
transform: translate3d(0, var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), - var(--af_animation_strength), 0);
transform: translate3d(- var(--af_animation_strength), - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), - var(--af_animation_strength), 0);
transform: translate3d(- var(--af_animation_strength), - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), - var(--af_animation_strength), 0);
transform: translate3d(var(--af_animation_strength), - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), - var(--af_animation_strength), 0);
transform: translate3d(var(--af_animation_strength), - var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), var(--af_animation_strength), 0);
transform: translate3d(- var(--af_animation_strength), var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(- var(--af_animation_strength), var(--af_animation_strength), 0);
transform: translate3d(- var(--af_animation_strength), var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), var(--af_animation_strength), 0);
transform: translate3d(var(--af_animation_strength), var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--af_animation_strength), var(--af_animation_strength), 0);
transform: translate3d(var(--af_animation_strength), var(--af_animation_strength), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
} @-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, var(--af_animation_strength), 0);
transform: translate3d(0, var(--af_animation_strength), 0);
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
} @-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__animated.animate__fadeInLeftLong {
-webkit-animation-name: fadeInLeftLong;
animation-name: fadeInLeftLong;
animation-timing-function: cubic-bezier(0.128, 0.723, 0, 1.008)!important;
animation-duration: 1.2s !important;
}
@keyframes fadeInLeftLong {
from {
opacity: 0;
transform: translate3d(-250px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInLeftLong {
from {
opacity: 0;
-webkit-transform: translate3d(-250px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
.animate__zoomInOut{
-webkit-animation-name: zoomInOut;
animation-name: zoomInOut;
animation-timing-function: ease-in-out !important;
animation-duration: 1.5s !important;
}
@-webkit-keyframes zoomInOut {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes zoomInOut {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}:root {
--font: "Inter", sans-serif;
--handwriting: "Caveat", cursive;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font) !important;
}
h1,
h2,
h3,
h6 {
font-weight: 900 !important;
}
.et_pb_blurb_content {
cursor: pointer !important;
}
.cm_tinyheader,
.cm_header,
.cm_subheader,
.cm_tiny_header,
.cm_miniheader {
padding-bottom: 20px;
}
.cm_header {
font-family: var(--font), sans-serif;
font-size: 44px;
font-weight: 800 !important;
line-height: 1.2;
}
.cm_subheader {
font-family: var(--font), sans-serif;
font-size: 36px !important;
font-weight: 600;
line-height: 1.2em;
}
.cm_tiny_header,
.cm_tinyheader {
font-family: var(--font), sans-serif;
font-size: 19px;
font-weight: 700;
}
.cm_text,
.cm_text>*,
.cm_text>*>* {
font-family: var(--font), sans-serif;
font-size: 18px;
line-height: 1.em;
color: var(--text);
font-weight: 400 !important;
}
.cm_text a {
font-family: var(--font), sans-serif;
}
.cm_text a:hover {}
.cm_text a:active {}
.cm_text a:focus {}
.cm_text strong {
font-family: var(--font), sans-serif;
}
.cm_text  > h2 > *,
.cm_text > h3 > *,
.cm_text  > h2,
.cm_text > h3,
.et_pb_text_inner > p.cm_moduleheader,
.cm_moduleheader {
font-family: var(--font), sans-serif !important;
font-size: 24px !important;
font-weight: 900 !important;
padding-bottom: 5px;
}
.et_pb_text_inner > p.cm_moduleheader.cm_txt_primary{
color: var(--primary) !important;
}
.cm_text  > h2 > *,
.cm_text > h3 > *,
.cm_text  > h2,
.cm_text > h3{
margin-bottom: 10px;
color: var(--primary);
}
.cm_list {
font-family: var(--font), sans-serif;
font-size: clamp(0.875rem, 2vw, 1.125rem);
}
.cm_miniheader {
font-size: 18px;
font-weight: 400 !important;
}
.et_pb_text_inner > ul > li.cm_txt_white,
.et_pb_text_inner > p.cm_txt_white,
.et_pb_code_inner > p.cm_txt_white{
color: white!important;
}
.cm_txt_white {
color: white!important;
}
.cm_txt_primary {
color: var(--primary);
}
.cm_txt_secondary {
color: var(--secondary);
}
.cm_txt_light {
color: var(--light);
opacity: .8;
}
.cm_txt_dark {
color: var(--text);
}
.cm_txt_accent {
color: var(--accent);
}
.cm_list li {}
.cm_list li {}
.cm_hero_content>* {
font-size: 18px !important;
line-height: 1.4em !important;
}
.cm_check_list_module {
padding: 0px;
}
.cm_check_list_module>.et_pb_text_inner {
position: relative;
padding: 25px !important;
padding-left: 60px !important;
}
.cm_check_list_module::after {
content: "";
display: block;
width: 25px;
height: 30px;
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-checkmark%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(-188.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---3%22%20transform%3D%22translate(128.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%2327b825%22%20d%3D%22M20.2623934%2C4.35694064%20C20.620373%2C3.92524672%2021.2454187%2C3.87858578%2021.6584721%2C4.25272051%20C22.0715254%2C4.62685523%2022.1161716%2C5.28010841%2021.758192%2C5.71180233%20L10.5017717%2C19.2861187%20C9.78581249%2C20.1495066%208.53572108%2C20.2428284%207.70961435%2C19.494559%20C7.64084239%2C19.4322668%207.57626278%2C19.365092%207.51633515%2C19.2935124%20L2.24488637%2C12.9971213%20C1.88495323%2C12.5672054%201.92663658%2C11.9137384%202.33798875%2C11.537562%20C2.74934091%2C11.1613855%203.37459118%2C11.20495%203.73452432%2C11.6348659%20L9.0059731%2C17.931257%20L20.2623934%2C4.35694064%20Z%22%20id%3D%22checkmark%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') !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
border-radius: 4px;
}
.cm_center {
display: flex;
align-content: center;
flex-direction: column;
justify-content: center;
}
.cm_arrow_btn {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 0px 15px;
}
.cm_arrow_btn.cm_arrow_right {
flex-direction: row;
justify-content: right;
margin-top: -10px;
}
.cm_arrow_btn>img {
width: 32px;
}
.cm_arrow_btn>span {
font-weight: 400;
font-family: var(--handwriting) !important;
color: Var(--accent);
font-size: 27px;
}
ul.cm_list.cm_list_v,
ul.cm_list.cm_footer_list {
padding-left: 0px !important;
list-style: none !important;
display: flex;
flex-direction: column;
gap: 2px;
padding-top: 10px;
}
ul.cm_list.cm_list_v,
ul.cm_list.cm_footer_list>li,
ul.cm_list.cm_footer_list>li>a {
font-family: var(--font) !important;
font-size: 16px !important;
font-weight: 400 !important;
color: var(--secondary) !important;
text-decoration: none;
}
ul.cm_list.cm_list_v {
gap: 20px;
flex-direction: row;
padding: 0px !important;
}
.et_pb_text_inner > .cm_list.cm_list_v > li > a,
ul.cm_list_v>li,
ul.cm_list_v>li>a {
color: white !important;
}
a.cm_social_link>img {
width: 30px;
border-radius: 5px;
background-color: white;
}
.cm_social_links {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 6px;
align-items: center;
}
.et_pb_text_inner > .cm_list.cm_list_v > li > a{
text-decoration: none!important;
}
.cm_shadow_md {
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.cmb_tertiary {
background-color: var(--primary) !important;
color: white !important;
}
.cm_triangle_fade_center {
position: relative;
}
.cm_triangle_fade_center::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: Absolute;
top: 0%;
left: 0px;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/trriangle-shade.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cm_btn_header.current-menu-item>a {
color: black !important;
}
.cm_btn_header:hover>a {
background-color: var(--secondary-dark) !important;
} .cm_breadcrumb {
font-family: var(--font), sans-serif;
font-size: 16px;
color: var(--text);
display: flex;
flex-direction: row;
align-items: center;
gap: 8px; }
.cm_breadcrumb a {
color: var(--accent);
}
.cm_breadcrumb a span {
text-decoration: none;
}
.cm_breadcrumb .cm_breadcrumb_separator {
font-size: 18px;
color: var(--accent);
}
.cm_breadcrumb span {
color: var(--accent);
}
.cm_btn.cm_btn_primary:hover,
.cm_hero_cta.cmb_primary:hover{
background-color: var(--secondary-dark) !important;
}
.cm_hero_line_tiny::before{
height: 100px!important;
}
.cmb_cta_backlinks{
margin-top: 20px;
display: flex;
flex-direction: row;
align-items: center;   
gap: 15px;
}
.cm_subheader_mini{
font-size: 20px!important;
} @media (max-width: 980px) {
.cm_header {
font-size: 32px;
}
.cm_subheader {
font-size: 28px !important;
}
.cm_tiny_header,
.cm_tinyheader {
font-size: 17px;
}
.cm_text,
.cm_text>*,
.cm_text>*>* {
font-size: 16px;
}
.cm_moduleheader {
font-size: 18px !important;
}
.cm_arrow_btn {
padding: 0px 10px;
}
.cm_arrow_btn>img {
width: 28px;
}
.cm_arrow_btn>span {
font-size: 15px;
}
ul.cm_list.cm_list_v {
flex-wrap: wrap;
gap: 10px;
}
.cm_social_links {
justify-content: center;
}
.cmb_cta_backlinks {
flex-direction: column;
align-items: flex-start;
}
} @media (max-width: 767px) {
.cm_header {
font-size: 21px;
}
.cm_subheader {
font-size: 24px !important;
}
.cm_check_list_module>.et_pb_text_inner {
padding: 20px !important;
padding-left: 50px !important;
}
.cm_check_list_module::after {
width: 20px;
height: 25px;
left: 15px;
}
.cm_breadcrumb {
font-size: 14px;
flex-wrap: wrap;
}
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal{
display: none!important;
}:root{
--cm_diagonal_radius: 4px;
--bodyfont : 'Inter', sans-serif;
--border-radius-small: 3px;
}
.cm_form {
font-family: var(--bodyfont);
max-width: 100%;
margin: 0px;
position: relative;
padding: 0px 0px;
}
.cm_form .cm_form_fields {
display: flex;
flex-direction: column;
gap: 20px;
}
.cm_form .cm_form_fields .cm_form_field {
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
align-items: flex-start;
max-width: 750px;
}
.cm_form .cm_form_fields .cm_form_field .cm_form_field_message {
font-size: 14px;
color: #666;
font-family: var(--bodyfont);
line-height: 1.4;
position: absolute;
right: 0;
top: -12px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0px 14px;
}
.cm_form .cm_form_fields .cm_form_field .cm_form_field_el {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
border-radius: 4px;
overflow: hidden;
}
.cm_form .cm_form_fields .cm_form_field .cm_form_field_error_indicator {
color: #d32f2f;
font-size: 14px;
font-weight: 600;
position: absolute;
bottom: 6px;
height: 4px;
width: calc(100% - 40px);
background-color: #d32f2f;
left: 20px;
border-radius: 0;   }
.cm_form .cm_form_fields .cm_form_field .cm_form_field_error {
background-color: #ffebee;
background-color: #b93f3f;
padding: 5px 8px;
border-radius: 0p;
font-size: 14px; border-radius: 2px!important;
color: white;
font-weight: 700;
}
.cm_form .cm_form_fields .cm_form_field .cm_form_field_input {
padding: 19px 20px;  font-family: var(--bodyfont);
font-size: 16px;
transition: all 0.3s ease;
background-color: #fff;
}
.cm_form_field_el select::placeholder,
.cm_form .cm_form_fields .cm_form_field .cm_form_field_input::placeholder{
color: var(--text);
font-size: 17px;
}
.cm_form .cm_form_fields .cm_form_field .cm_form_field_input:focus {
outline: none;
border-color: var(--secondary);
box-shadow: var(--shadow-md);
}
.cm_form .cm_form_fields .cm_form_field .cm_btn.cm_btn_primary {
background-color: var(--secondary);
color: #FFFFFF;
padding: 11px 30px;
border: none;
border-radius: var(--cm_diagonal_radius);
font-family: var(--headerfont);
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: var(--shadow-md);
}
.cm_form .cm_form_fields .cm_form_field .cm_btn.cm_btn_primary:hover {
transform: translateY(-2px);
box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 20px;
}
.cm_form .cm_form_fields .cm_form_field .cm_btn.cm_btn_primary:active {
transform: translateY(0px);
box-shadow: var(--shadow-md);
}
.cm_form .cm_form_fields .cm_form_field .cm_btn.cm_btn_primary:focus {
outline: 3px solid rgba(0, 0, 0, 0.1);
outline-offset: 2px;
}
.cm_form .cm_form_fields .cm_form_field .cm_btn.cm_btn_primary span {
display: inline-block;
}
.cm_form .cm_form_field_loader {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: var(--secondary);
}
.cm_form .cm_form_field_loader .cm_form_field_spinner {
width: 34px;
height: 34px;
border: 6px solid #D3DDDE;
border-top-color: var(--primary);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.cm_form .cm_form_field_loader p {
font-family: var(--headerfont);
font-size: 30px;
color: white;
margin: 0;
}
.cm_form_field_submit{
position: relative;
}
.cm_form_field_submit,
.cm_form_field_submit > button{
width: 138px;
border-radius: var(--border-radius-small)!important; } .cm_form_field_modal {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
background-color: #171717a8;
z-index: 999999999999999999999999999999!important;
}
.cm_form_field_modal .cm_form_field_modal_content {
width: 350px;
height: 350px;
background-color: #ffffff;
border-radius: 12px;
padding: 20px;
}
.cm_form_field_modal_content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
text-align: center;
}
.cm_form_field_modal_content .cm_sent_confirmation_img {
width: 100px;
height: 100px;
}
.cm_form_field_modal_content .cm_sent_confirmation_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cm_form_field_modal_content .cm_sent_confirmation_content {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
}
.cm_form_field_modal_content .cm_sent_confirmation_content .cm_btn.cm_btn_primary.cm_form_field_modal_close {
background-color: var(--primary);
color: #FFFFFF;
padding: 11px 30px;
border: none;
border-radius: var(--cm_diagonal_radius);
font-family: var(--headerfont);
font-size: 18px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: var(--shadow-md);
}
.cm_form_field_modal_content .cm_sent_confirmation_content .cm_btn.cm_btn_primary.cm_form_field_modal_close span {
display: inline-block;
}
.cm_consent {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 15px 0;
}
.cm_consent #cm_consent_checkbox {
margin-top: 4px;
width: 18px;
height: 18px;
cursor: pointer;
accent-color: var(--primary);
}
.cm_consent .cm_text.cm_txt_light {
font-size: 14px;
line-height: 1.6;
color: #ffffff;
font-family: var(--bodyfont);
}
.cm_consent .cm_text.cm_txt_light .cm_text.cm_txt_primary {
color: var(--accent);
text-decoration: underline;
cursor: pointer;
transition: all 0.3s ease;
}
.cm_consent .cm_text.cm_txt_light .cm_text.cm_txt_primary:hover {
color: var(--secondary);
text-decoration: none;
}
.cm_consent .cm_text.cm_txt_light .cm_text.cm_txt_primary:active {
transform: translateY(1px);
}
.cm_consent .cm_text.cm_txt_light .cm_text.cm_txt_primary:focus {
outline: 2px solid var(--primary);
outline-offset: 2px;
border-radius: 2px;
}.cmc_wrapper {}
.cmc_wrapper .cmc_conversie_element {
width: 100%;
display: grid;
grid-template-columns: 1fr 300px;
grid-gap: 5px;
background-color: var(--accent);
position: relative;
border-radius: 4px;
}
.cmc_wrapper .cmc_conversie_element::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/triangles-accent-complimentary.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 1;
z-index: 0;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content {
padding: 30px;
position: relative;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_title {
font-family: var(--font), sans-serif !important;
font-size: 30px !important;
font-weight: 900 !important;
color: white !important;
line-height: 1.15em;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_body {
font-family: var(--font), sans-serif;
font-size: clamp(0.875rem, 2vw, 1.125rem);
margin-top: 15px;
margin-bottom: 15px;
color: white !important;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_usps {
margin-top: 15px;
margin-bottom: 15px;
list-style: none;
padding: 0px !important;
color: white !important;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_conversion_wrapper > .cmc_ctas { float: left; display: flex;
gap: 15px;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content li {
position: relative;
padding-left: 35px;
margin-bottom: 10px;
color: white !important;
position: relative;
font-family: var(--font), sans-serif;
font-size: 15px !important;
font-weight: 700 !important;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content li::after {
content: "";
width: 25px;
height: 25px;
top: 50%;
left: 0px;
transform: translateY(-50%);
position: absolute;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/vink-v2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_hero {
background-size: contain;
background-position: bottom center;
width: 100%;
height: 100%;
margin-top: 0;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/ton.webp);
background-repeat: no-repeat;
background-position: center;
position:relative;
overflow: hidden;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_hero>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/ton.webp);
background-repeat: no-repeat;
background-position: center;
}
.cm_conversie_hero_els {
display: flex;
flex-direction: column;
align-content: flex-end;
gap: -5px;
width: 230px;
}
.cm_conversie_hero_els>* {
color: white;
font-family: var(--font);
font-weight: 800;
font-size: 18px;
text-align: right;
}
.cm_conversie_hero_els>span {
font-size: 16px;
font-weight: 400;
color: var(--primary);
font-style: italic;
}
.cmc_ctas>.cm_hero_cta_wrapper {
display: flex;
gap: 16px;
flex-direction: column;
align-items: flex-start;
}
.cmc_conversie_hero.cm_conversie_hero_fade {
border: 1px solid rebeccapurple;
background-size: cover!important;
filter: blur(11px);
transform: scale(1.2);
opacity: 0.9;
mix-blend-mode: unset;
}
.cmc_conversion_wrapper {
width: 100%;
float: left; width: calc(100% + 0px);
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 768px) {
.cmc_wrapper .cmc_conversie_element {
grid-template-columns: 1fr;
grid-gap: 0;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content {
padding: 20px;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_title {
font-size: 21px !important;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_content .cmc_ctas {
flex-direction: column;
gap: 10px;
align-items: center;
}
.cmc_wrapper .cmc_conversie_element .cmc_conversie_hero {
height: 340px;
margin-top: 0;
}
.cm_conversie_hero_els {
right: 25px;
bottom: -45px;
width: auto;
max-width: calc(100% - 30px);
}
.cm_conversie_hero_els>* {
font-size: 16px;
}
.cm_conversie_hero_els>span {
font-size: 14px;
}
.cmc_ctas>.cm_hero_cta_wrapper {
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.cm_meta_fields {
flex-direction: column !important;
gap: 5px !important;
}
.cmc_ctas{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start!important; }
.cmc_conversion_wrapper{
justify-content: flex-end;
flex-direction: column;
}
}.cm_direct_contact_floating_btn {
position: fixed;
bottom: 30px;
right: 30px;
background-color: var(--secondary);
color: #fff;
padding: 12px 18px;
border-radius: 3px;
padding-right: 50px;
z-index: 999999999999999999999999999999 !important;
cursor: pointer;
}
.cm_direct_contact_floating_btn span {
font-family: var(--font) !important;
font-size: 18px;
font-weight: 900;
}
.cm_direct_contact_floating_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.0857864%2C11.5%20L6.79289322%2C19.7928932%20C6.40236893%2C20.1834175%206.40236893%2C20.8165825%206.79289322%2C21.2071068%20C7.18341751%2C21.5976311%207.81658249%2C21.5976311%208.20710678%2C21.2071068%20L17.2071068%2C12.2071068%20C17.5976311%2C11.8165825%2017.5976311%2C11.1834175%2017.2071068%2C10.7928932%20L8.20710678%2C1.79289322%20C7.81658249%2C1.40236893%207.18341751%2C1.40236893%206.79289322%2C1.79289322%20C6.40236893%2C2.18341751%206.40236893%2C2.81658249%206.79289322%2C3.20710678%20L15.0857864%2C11.5%20Z%22%20transform%3D%22rotate(-90%2012%2011.5)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
content: "";
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
}
.cm_direct_contact_floating_btn:hover {
background-color: var(--secondary-dark);
}
.cm_direct_contact_floating_btn:active {
background-color: var(--secondary-darker);
}
.cm_direct_contact_modal {
z-index: 99999999999999999999999999999999999999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);   
}
.cm_direct_contact_modal .cm_direct_contact_modal_body {
display: flex;
flex-direction: column;
background-color: #fff;
padding: 20px;
border-radius: 5px;
width: 400px;
max-width: calc( 100% - 40px );
height: 400px;
justify-content: center;
gap: 20px;
}
.cm_direct_contact_modal .cm_direct_contact_modal_body > *{
text-align:center;
padding: 0px!important;
}
.cm_direct_contact_modal .cm_direct_contact_modal_body .cm_modal_actions {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.cm_direct_contact_modal .cm_direct_contact_modal_body .cm_modal_actions .cm_btn{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px;
}
.cm_direct_contact_modal .cm_direct_contact_modal_body .cm_modal_actions .cm_btn > img{
width: 25px;
}
.cm_close_contactmodal{
cursor: pointer;
}div#faq {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 15px;
}
.cmf_vraag {
background-color: #ffffff;
padding: 15px;
position: relative;
}
.cmf_faq_titel {
font-size: 20px;
font-weight: 900;
cursor: pointer;
font-family: var(--font);
color: var(--text);
}
.cmf_faq_expand {
position: absolute;
right: 12px;
top: 12px;
width: 30px;
height: 30px;
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%23757575%22%20d%3D%22M15.0857864%2C12.5%20L6.79289322%2C20.7928932%20C6.40236893%2C21.1834175%206.40236893%2C21.8165825%206.79289322%2C22.2071068%20C7.18341751%2C22.5976311%207.81658249%2C22.5976311%208.20710678%2C22.2071068%20L17.2071068%2C13.2071068%20C17.5976311%2C12.8165825%2017.5976311%2C12.1834175%2017.2071068%2C11.7928932%20L8.20710678%2C2.79289322%20C7.81658249%2C2.40236893%207.18341751%2C2.40236893%206.79289322%2C2.79289322%20C6.40236893%2C3.18341751%206.40236893%2C3.81658249%206.79289322%2C4.20710678%20L15.0857864%2C12.5%20Z%22%20transform%3D%22rotate(90%2012%2012.5)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.cmf_vraag.cmf_expanded>.cmf_faq_expand {
transform: rotate(180DEG);
}
.cmf_expanded > .cmf_faq_titel {
color: var(--primary);
}
.cmf_faq_content > *,
.cmf_faq_content > p > *,
.cmf_faq_content > p{
font-family: var(--font);
color: var(--text);
margin-top: 10px;
}
.cmf_faq_content > p > a,
.cmf_faq_content > a {
color: var(--accent);
text-decoration: underline;
}
.cm_vue_filters {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.cm_vue_filters > label,
.cm_vue_filters span {
font-weight: 500;
margin-right: 7px;
color: white;
font-size: 15px;
}
.cm_vue_filters .cm_vue_filter {
padding: 15px;
background-color: #5B657D;
color: var(--primary);
font-weight: 600;
font-family: var(--font);
color: white!important;
border-radius: 3px;
font-size: 15px;
}
.cm_vue_filters .cm_vue_filter.cm_vue_filter_active {
background-color: var(--secondary);
color: white!important;
font-family: var(--font);
}
.cm_vue_filters > label > select{
padding: 10px;
font-size: 15px;
border-radius: 4px;
border: 1px solid #ccc;
font-family: var(--font);
margin-left: 15px;
}
.cm_vue_filters .cm_vue_filter:hover {
background-color: var(--secondary);
color: white!important;
cursor: pointer;
}
@media (max-width: 768px) {
.cmf_vraag {
padding: 10px;
}
.cmf_faq_titel {
font-size: 18px;
}
.cmf_faq_expand {
width: 25px;
height: 25px;
background-size: 16px;
right: 8px;
top: 8px;
}
.cm_vue_filters {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}.cm_hero_wrapper {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
background-color: var(--primary);
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
position: relative;
min-height: 200px;
}
.cm_hero_line{
position:relative;
}
.cm_hero_line::before,
.cm_hero_wrapper::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: calc(100% + 100px);
z-index: 1;
background-color: var(--accent);
border-radius: 0px 0px 4px 0px;
}
.cm_hero_triangles_dark{
position:relative;
}
.cm_hero_triangles_dark::after,
.cm_hero_wrapper::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height:60%;
z-index: 0;
background-image: linear-gradient(to top, var(--primary), transparent), url(//costmanagement.nl/wp-content/uploads/2025/12/triangle-pattern-light.svg);
}
.cm_hero_wrapper > *{
position: relative;
z-index: 1;
}
.cm_hero_wrapper .cm_hero_content_wrapper {
max-width: var(--body-max-width);
width: var(--body-width);
display: flex;
justify-content: space-between;
align-items: center;
padding: 60px 0px;
gap: 40px;
}
.cm_hero_wrapper .cm_hero_content_wrapper{
padding-bottom: 150px!important;
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_small_image_mode{
padding-bottom: 50px;
}
.cm_hero_wrapper .cm_hero_content_wrapper .cm_hero_text .cm_hero_cta_wrapper {
margin-top: 30px;
display: flex;
gap: 15px;
}
.cm_btn_header > a,
.cm_btn,
.cmb_btn,
.cm_hero_cta{
text-decoration: none;
padding: 9px 16px!important;
border-radius: 4px;
font-size: 18px;
font-weight: 900!important;
transition: background-color 0.3s, color 0.3s;
background-color: var(--secondary);
color: white!important;
display: block;
float: left;
}
.cmb_secondary{
background-color: white;
color: var(--primary)!important;    
}
.cm_hero_wrapper .cm_hero_text p 
{}
.cm_hero_wrapper .cm_hero_img_wrapper.niks {
width: 40vw;
position: absolute;
right: 0px;
top: 0px;
}
.cm_hero_wrapper .cm_hero_img_wrapper.niks .cm_hero_img {}
.cm_hero_text.cm_hero_image {
padding-right: 36%;
}
.cm_hero_content,
.cm_hero_content > *{ color: white;
font-weight: 300!important;
line-height: 1.5em!important;
}
.cm_hero_img_wrapper {
position: absolute;
right: 0px;
top: 0px;
width: calc(45% - 30px);
height: 100%;
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
}
.et_pb_text_inner > ul,
.et_pb_text_inner > p,
.et_pb_code_inner > p{
font-size: 18px;
font-weight: 400!important;
color: var(--text)!important;
line-height: 1.4em;
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_usps > div.cm_hero_content_wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
padding: 80px 0px!important;
}
.cm_hero_usps_wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.cm_hero_usp {
border-radius: 4px;
padding: 20px;
background-color: white;
position:relative;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
padding-left: 60px;
}
.cm_hero_usp::after{
content: "";
position: absolute;
top: 0px;
left: 20px;
width: 30px;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
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-checkmark%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(-188.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---3%22%20transform%3D%22translate(128.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%2325b825%22%20d%3D%22M20.2623934%2C4.35694064%20C20.620373%2C3.92524672%2021.2454187%2C3.87858578%2021.6584721%2C4.25272051%20C22.0715254%2C4.62685523%2022.1161716%2C5.28010841%2021.758192%2C5.71180233%20L10.5017717%2C19.2861187%20C9.78581249%2C20.1495066%208.53572108%2C20.2428284%207.70961435%2C19.494559%20C7.64084239%2C19.4322668%207.57626278%2C19.365092%207.51633515%2C19.2935124%20L2.24488637%2C12.9971213%20C1.88495323%2C12.5672054%201.92663658%2C11.9137384%202.33798875%2C11.537562%20C2.74934091%2C11.1613855%203.37459118%2C11.20495%203.73452432%2C11.6348659%20L9.0059731%2C17.931257%20L20.2623934%2C4.35694064%20Z%22%20id%3D%22checkmark%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');
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_small_image_mode{
min-height: 400px;
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_small_image_mode > .cm_hero_content_wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
padding: 50px 0px!important;
}
.cm_hero_img_wrapper_small {
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}  @media screen and (max-width: 768px) {
.cm_hero_wrapper {
min-height: auto;
} .cm_hero_line::before,
.cm_hero_wrapper::before {
width: 10px;
height: calc(100% + 50px);
}
.cm_hero_wrapper .cm_hero_content_wrapper {
flex-direction: column;
padding: 40px 20px 70px!important;
gap: 30px;
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_usps > div.cm_hero_content_wrapper {
grid-template-columns: 1fr;
padding: 40px 20px !important;
} .cm_hero_wrapper.cm_hero_no_image.cm_hero_small_image_mode {
min-height: auto;
}
.cm_hero_wrapper.cm_hero_no_image.cm_hero_small_image_mode > .cm_hero_content_wrapper {
grid-template-columns: 1fr;
padding: 40px 20px !important;
}
.cm_hero_img_wrapper_small {
height: 250px;
margin-top: 20px;
}
.cm_hero_img_wrapper {
display: none!important;
} .cm_hero_wrapper .cm_hero_img_wrapper.niks {
position: relative;
width: 100%;
height: 250px;
right: auto;
top: auto;
}
.cm_hero_text.cm_hero_image {
padding-right: 0;
}
.cm_hero_wrapper .cm_hero_text p,
.et_pb_text_inner > ul,
.et_pb_text_inner > p,
.et_pb_code_inner > p {
font-size: 16px;
}
.cm_btn_header > a,
.cm_btn,
.cmb_btn,
.cm_hero_cta {
font-size: 16px;
padding: 10px 20px !important;
text-align: center;
float: none; width: 100%;
}
.cm_hero_wrapper .cm_hero_content_wrapper .cm_hero_text .cm_hero_cta_wrapper {
flex-direction: column;
width: 100%;
}
.cm_hero_usp {
padding: 15px;
padding-left: 50px;
}
.cm_hero_usp::after {
width: 25px;
left: 15px;
} .cm_hero_triangles_dark::after,
.cm_hero_wrapper::after {
height: 80%; }
}
.cm_hero_img_wrapper_small > img {
border-radius: 4px;
}:root { --header-height-desktop: 140px;
--header-height-mobile: 60px;
--header-topbar-height: 35px;
--body-width: 80%;
--body-max-width: 1080px; --logo-width-desktop: 260px;
--logo-width-mobile: 200px;
--logo-height: 87%; --menu-gap: 18px;
--menu-item-gap: 5px; --mobile-menu-width: 340px;
--mobile-menu-move: -280px; --menu-font-size-upper: 17px;
--menu-font-size-lower: 15px;
--menu-font-weight-upper: 800;
--menu-font-weight-lower: 600; --submenu-padding: 15px 8px;
--submenu-gap: 9px;
--submenu-border-radius: 4px;
--btn-border-radius: 2px; --menu-transition: all 500ms cubic-bezier(0.000, 0.930, 0.245, 1.020);
} li.header_primary > a,
li.cm_btn > a {
padding: var(--btn-padding) !important;
font: 900 var(--btn-font-size) var(--font) !important;
display: inline-block !important;
margin-right: var(--btn-margin-right) !important;
border-radius: var(--btn-border-radius) !important;
background-color: var(--secondary) !important;
color: white !important;
} .cm_header_desktop_spacer,
.cm_header_wrapper {
width: 100%;
height: var(--header-height-desktop);
}
.cm_header_desktop_spacer {
display: block;
background-color: white;
}
.cm_header_wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 999999999999999999999 !important;
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.cm_desktop,
.cm_desktop > * {
box-sizing: border-box;
}
.cm_desktop {
width: var(--body-width);
max-width: var(--body-max-width);
display: grid;
grid-template-columns: var(--logo-width-desktop) 1fr;
grid-gap: var(--menu-item-gap);
height: calc(100% - var(--header-topbar-height));
} .cm_desktop.stok_header_topbar {
padding: 4px 0;
background-color: var(--primary);
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
height: var(--header-topbar-height);
}
.cm_desktop.stok_header_topbar::before,
.cm_desktop.stok_header_topbar::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: var(--primary);
}
.cm_desktop.stok_header_topbar::before { right: -100%; }
.cm_desktop.stok_header_topbar::after { left: -100%; }
.cm_desktop.stok_header_topbar > span {
display: flex;
gap: var(--menu-item-gap);
align-items: center;
}
.cm_desktop.stok_header_topbar > span > a {
color: white;
font: 400 13px var(--font);
} .cm_logo {
display: flex;
align-items: center;
height: 100%;
cursor : pointer;
}
.cm_logo img {
height: var(--logo-height);
object-fit: contain;
} div.cm_header_upper > div,
div.cm_header_lower > div {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
position: relative;
}
div.cm_header_upper > div > ul,
div.cm_header_lower > div > ul {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
gap: var(--menu-gap);
list-style-type: none;
}
div.cm_header_upper > div > ul > li,
div.cm_header_lower > div > ul > li {
display: flex;
align-items: center;
padding: 0;
margin: 0;
height: 100%; }
div.cm_header_upper > div > ul > li > a,
div.cm_header_lower > div > ul > li > a {
color: var(--primary);
text-decoration: none;
font-family: var(--font);
font-size: var(--menu-font-size-upper);
font-weight: var(--menu-font-weight-upper);
padding: 0;
margin: 0;
}
div.cm_header_upper > div > ul > li > a {
font-weight: var(--menu-font-weight-upper);
font-size: var(--menu-font-size-upper);
color: var(--accent);
} li.header_primary.menu-item.current-menu-item > a { color: white !important; }
.header_primary.current-menu-item > a { color: var(--primary) !important; }
.current-page-ancestor > a,
.current-menu-item > a {
color: var(--secondary)!important;
} ul.sub-menu {
position: absolute;
display: none;
list-style: none !important;
padding: var(--submenu-padding) !important;
background-color: white;
flex-direction: column;
gap: var(--submenu-gap);
border-radius: var(--submenu-border-radius);
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.menu-item:hover > ul.sub-menu {display: flex;top: 74px;background-color: var(--primary-darker);}
ul.sub-menu > li {
border-bottom: 2px solid #d1d1d12b;
padding: 0px 10px;
padding-bottom: 11px;
}
ul.sub-menu > li:last-child { border-bottom: none; }
ul.sub-menu > li > a {padding-left: 12px;color: white;font-weight: 600;} .cm_mobile { display: none; }
.cm_mobile_menu,
.cm_mobile_hitarea {
position: fixed;
z-index: 999999999999999999999;
height: 100vh;
top: 0;
}
.cm_mobile_menu {
width: var(--mobile-menu-width);
background-color: var(--primary);
right: 0;
transform: translateX(var(--mobile-menu-width));
transition: var(--menu-transition);
padding: 20px;
}
.cm_mobile_menu::before,
.cm_mobile_menu::after {
content: "";
position: absolute;
z-index: -1;
background-repeat: no-repeat;
}
.cm_mobile_menu::before {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/costmanagement-logo.svg);;
background-size: 200px;
background-repeat: repeat;
background-position: center;
opacity: 0.1;
filter: saturate(0) brightness(0.4);
}
.cm_mobile_menu::after {
right: -150px;
bottom: -110px;
width: 400px;
height: 400px;
background-image: url();
background-size: contain;
opacity: 0.2;
}
.cm_mobile_menu_open,
.cm_move_page { transform: translateX(0); }
.cm_mobile_menu > .menu-primary-container { padding: 30px; }
.cm_mobile_menu > .menu-primary-container > ul {
display: flex;
flex-direction: column;
gap: 15px;
padding: 0;
margin: 0;
list-style-type: none;
}
.cm_mobile_menu > .menu-primary-container > ul > li > a {
color: white !important;
font: 800 27px var(--font);
text-decoration: none;
}
.cm_mobile_menu > .cm_lang_switcher {
position: absolute;
bottom: 20px;
left: 20px;
}
.cm_lang_switcher {
display: flex;
gap: 10px;
align-items: center;
margin-left: 10px;
}
.cm_lang_switcher .cm_lang_switch {
display: flex;
align-items: center;
cursor: pointer;
padding: 0px;
border-radius: 3px;
transition: background 0.2s;
}
.cm_lang_switcher .cm_lang_switch img {
width: 24px;
height: 24px;
object-fit: contain;
margin-right: 6px;
}
.cm_mobile_menu > .cm_lang_switcher > div.cm_lang > a > img { width: 40px; }
.cm_mobile_hitarea {
display: none;
left: 0;
width: calc(100% - var(--mobile-menu-width));
opacity: 0;
background-color: transparent;
transition: var(--menu-transition);
} .cm_lang > img { height: 17px; }
.cm_lang_switcher {
display: grid;
grid-template-columns: auto auto;
grid-gap: var(--menu-item-gap);
}
.cm_secondary_menu > .menu-cm-secondary-container {
padding: 0;
margin: 0;
width: 100%;
}
.cm_secondary_menu > .menu-cm-secondary-container > ul {
display: flex;
align-items: center;
gap: var(--menu-gap);
padding: 0;
margin: 0;
list-style-type: none;
}
.cm_secondary_menu > .menu-cm-secondary-container > ul > li {
padding: 0;
margin: 0;
}
.cm_secondary_menu > .menu-cm-secondary-container > ul > li > a {
color: white;
text-decoration: none;
font: var(--menu-font-weight-lower) var(--menu-font-size-lower) var(--font);
padding: 0;
margin: 0;
} .cm_assortiment_items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
padding: 0 !important;
list-style: none;
}
.cm_assortiment_item {
background-color: #F5F5F5;
border-radius: 3px;
position: relative;
padding-bottom: 100%;
}
.cm_assortiment_item > img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%) scale(0.8);
}
img.stok_assortiment_image_placement_align-right {
left: unset;
right: 0;
width: calc(100% - 20px);
transform: translateY(-50%);
}
li.cm_assortiment_item > h4 {
position: absolute;
bottom: 0;
left: 0;
padding: 19px;
font: var(--menu-font-weight-lower) var(--btn-font-size) var(--font);
color: var(--primary);
}
li.cm_btn > a{
background-color: var(--secondary) !important;
color: white !important;
padding: 8px 12px !important;
font: 700 16px var(--font) !important;
border-radius: var(--btn-border-radius) !important;
}
li.cm_btn > a:hover {
background-color: var(--secondary-dark) !important;
color: white !important;
} .cm_header_video_overlay {
position: absolute;
width: 50%;
height: 100%;
right: 0;
top: 0;
overflow: hidden;
background-size: cover;
background-position: center;
}
.cm_header_video_overlay > video {
width: 100%;
height: 100%;
object-fit: cover;
}
#page-container {
width: 100% !important;
overflow: hidden !important;
}
.cm_desktop.stok_header_topbar > span {
padding: 0;
background-color: var(--primary);
display: flex;
}
.cm_desktop.stok_header_topbar > span > #menu-cm-secondary {
display: flex;
gap: var(--menu-g dap);
list-style: none;
padding: 0;
margin: 0;
}
.cm_desktop.stok_header_topbar > span > #menu-cm-secondary > li {
display: flex;
align-items: center;
}
.cm_desktop.stok_header_topbar > span > #menu-cm-secondary > li > a {
color: white!important;
text-decoration: none;
} @media screen and (max-width: 920px) {
.cm_desktop { grid-template-columns: var(--logo-width-mobile) 1fr; }
}
@media screen and (max-width: 900px) {
.cm_logo img {height: calc(100% - 0px);}
.stok_header_topbar,
.cm_desktop { display: none !important; }
.cm_header_desktop_spacer,
.cm_header_wrapper { height: var(--header-height-mobile); }
.cm_mobile {
display: flex !important;
width: var(--body-width) !important;
height: 100% !important;
justify-content: space-between !important;
align-items: center !important;
}
.cm_mobile > * {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cm_mobile_header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
}
.cm_mobile > .cm_logo { padding: 10px 0; } .cm_ease_page { transition: var(--menu-transition); }
.cm_mobile_hitarea {
width: calc(100% - var(--mobile-menu-width));
}
.cm_mobile_hitarea.cm_mobile_hitarea_open {
display: block;
opacity: 0.6;
background-color: black;
}
.cm_slider_controlls { display: none !important; }
.cm_header_wrapper.cm_header_scroll > .cm_mobile_header > .cm_mobile_btn {
background-color: #fbba00;
height: 37px;
width: 37px;
border-radius: var(--btn-border-radius);
}
}
@media screen and (max-width: 768px) {
.cm_assortiment_items { grid-template-columns: repeat(2, 1fr); }
.cm_header_video_overlay {
left: 0;
width: 100%;
height: 330px;
}
.et_pb_section.cm_header_video { padding-top: 350px; }
ul.cm_diensten_items.cm_inkoop_items > li > a {
grid-template-columns: 1fr;
grid-template-rows: 250px 1fr;
}
}
@media screen and (max-width: 380px) {
.cm_assortiment_items { grid-template-columns: 1fr; }
}
.cm_hero_wrapper.cm_hero_no_image > div.cm_hero_content_wrapper {
padding-right: 10%;
} .menu-cm-mobile-container #menu-cm-mobile.menu {
display: flex;
flex-direction: column;
gap: 15px;
padding: 0;
margin: 0;
list-style-type: none;
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li {
padding: 0;
margin: 0;
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li > a {
color: white;
font: 800 27px var(--font);
text-decoration: none;
display: block;
transition: all 0.3s ease;
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li > a:hover {
color: var(--secondary);
transform: translateX(5px);
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li > a:active {
color: var(--accent);
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li > a:focus {
outline: 2px solid var(--secondary);
outline-offset: 4px;
}
.menu-cm-mobile-container #menu-cm-mobile.menu > li.current-menu-item > a {
color: var(--secondary);
font-weight: 900;
}
.menu-item-has-children > a::after {
content: "";
display: inline-block;
margin-left: 3px;
width: 15px;
height: 20px;
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%23243151%22%20d%3D%22M15.0857864%2C12.5%20L6.79289322%2C20.7928932%20C6.40236893%2C21.1834175%206.40236893%2C21.8165825%206.79289322%2C22.2071068%20C7.18341751%2C22.5976311%207.81658249%2C22.5976311%208.20710678%2C22.2071068%20L17.2071068%2C13.2071068%20C17.5976311%2C12.8165825%2017.5976311%2C12.1834175%2017.2071068%2C11.7928932%20L8.20710678%2C2.79289322%20C7.81658249%2C2.40236893%207.18341751%2C2.40236893%206.79289322%2C2.79289322%20C6.40236893%2C3.18341751%206.40236893%2C3.81658249%206.79289322%2C4.20710678%20L15.0857864%2C12.5%20Z%22%20transform%3D%22rotate(90%2012%2012.5)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translateY(4px);
} .cm_lang_switcher_mobile {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.cm_lang_switcher_mobile .cm_mobile_lang_switcher {
display: flex;
gap: 8px;
align-items: center;
}
.cm_lang_switcher_mobile .cm_mobile_lang_switcher .cm_lang_switch.cm_lang_switch_mobile.cm_lang_active {
background-color: var(--primary-darker);
border-radius: 4px;
padding: 4px 8px;
opacity: 1;
}
.cm_lang_switcher_mobile .cm_mobile_lang_switcher .cm_lang_switch.cm_lang_switch_mobile.cm_lang_active img {
width: 24px;
height: 24px;
object-fit: contain;
border: 2px solid white;
border-radius: 2px;
}
.cm_lang_switcher_mobile .cm_mobile_lang_switcher .cm_lang_switch.cm_lang_switch_mobile {
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
transition: all 0.3s ease;
opacity: 0.7;
}
.cm_lang_switcher_mobile .cm_mobile_lang_switcher .cm_lang_switch.cm_lang_switch_mobile img {
width: 24px;
height: 24px;
object-fit: contain;
border-radius: 2px;
}.cm_voorbeelden_modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999999999999999999999;
}
.cm_voorbeelden_modal .cm_voorbeelden_modal_body {
background-color: #fff;
padding: 0px;
border-radius: 3px;
width: 80%;
max-width: 1020px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.cm_voorbeelden_modal .cm_voorbeelden_modal_body .cm_voorbeelden_modal_header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0px;
background-color: #ffffff;
padding: 14px 20px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
.cm_voorbeelden_modal .cm_voorbeelden_modal_body .cm_voorbeelden_modal_header .cm_voorbeelden_modal_close {
cursor: pointer;
font-size: 24px;
font-weight: bold;
}
.cm_voorbeelden_modal .cm_voorbeelden_modal_body .cm_voorbeelden_modal_content {
max-height: 70vh;
overflow-y: auto;
min-height: 200px;
padding-top: 49px;
}
.cm_voorbeelden_modal_header > h3{
margin: 0!important;
padding: 0!important;
}
.cm_voorbeelden_modal_content_inner,
.cm_voorbeeld_item {
display: grid;
grid-template-columns: 3fr 3fr;
grid-gap: 20px;
}
.cm_voorbeelden_modal_content_inner{
grid-gap: 20px;
background-color: white;
padding: 24px;
}
.cm_voorbeeld_item .cm_voorbeeld_img {
height: 270px;
background-size: cover;
background-position: center;
}
.cm_voorbeeld_item .cm_voorbeeld_text {}
.cm_voorbeelden_modal_close{
font-size: 15px!important;
font-weight: 400!important;
color: var(--text);
text-decoration: underline;
}
@media (max-width: 768px) {
.cm_voorbeelden_modal .cm_voorbeelden_modal_body {
width: 95%;
max-width: none;
}
.cm_voorbeelden_modal_content_inner,
.cm_voorbeeld_item {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.cm_voorbeelden_modal_content_inner {
padding: 16px;
}
.cm_voorbeelden_modal .cm_voorbeelden_modal_body .cm_voorbeelden_modal_header {
padding: 12px 16px;
}
.cm_voorbeeld_item .cm_voorbeeld_img {
height: 200px;
}
}.cm_team_item {
display: grid;
grid-template-columns: 1fr 300px;
grid-gap: 0px;
background-color: white;
margin-bottom: 30px;
border-radius: 5px;
}
.cm_team_item .cm_team_content {
padding: 25px;
}
.cm_team_item .cm_team_content .cm_moduleheader.cm_txt_primary {}
.cm_team_item .cm_team_content .cm_tinyheader.cm_txt_secondary {}
.cm_team_item .cm_team_content .cm_text {}
.cm_team_item .cm_team_content .cm_meta_field {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
margin-top: 15px;
}
.cm_team_item .cm_team_content .cm_meta_field img {
width: 25px;
}
.cm_team_item .cm_team_content .cm_meta_field a {
font-weight: 500;
font-size: 16px;
}
.cm_team_item .cm_team_img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-color: grey;
}
.cm_noprofilepicture {
background-color: lightgrey;
background-image: url(//costmanagement.nl/wp-content/uploads/2025/12/cm-temp-pf.webp);
background-size: cover;
background-position: center;
}
.cm_meta_fields{
display: flex;
flex-direction: row;
gap: 30px;
margin-top: 15px;
}
.cm_tinytekst{
font-size: 14px;
color: var(--primary);
margin-bottom: 10px;
font-weight: 300!important;
}
@media (max-width: 768px) {
.cm_team_item {
display: flex;
flex-direction: column-reverse;
}
.cm_team_item .cm_team_content {
padding: 20px;
}
.cm_team_item .cm_team_img {
width: 100%;
height: 300px;
}
}:root {
--cmplz_slider_active_color: var(--secondary) !important;
--cmplz_slider_inactive_color: var(--secondary) !important;
--cmplz_category_header_always_active_color: var(--accent) !important;
--cmplz_category_header_always_inactive_color: var(--secondary) !important;
--cmplz_button_accept_background_color: var(--secondary) !important;
--cmplz_button_accept_border_color: var(--secondary) !important;
--cmplz_hyperlink_color: var(--accent) !important;
--cmplz_slider_active_color: var(--primary) !important;
}
.cmplz-open > svg {
display: none !important;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}