/*
 Theme Name:   Mediakanjers
 Theme URI:    http://www.mediakanjers.nl
 Description:  MKTheme Child Theme
 Author:       Mediakanjers
 Author URI:   http://www.mediakanjers.nl
 Template:     MKTheme
 Version:      1.5.1
 Text Domain:  MKTheme-child
*/

@import url('https://fonts.googleapis.com/css?family=Lato:900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,500,700');
@import url("https://use.typekit.net/vug7ydl.css");
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {  font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 2em; color: #38312a; }

h1 { font-size: 64px; font-weight: 400; line-height: 1em; font-family: 'kanit', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; position: relative; }
.mk_sectie.header h1::before { content: ""; position: absolute; background-color: #827362; width: 60px; height: 4px; top: 31px; left: -75px; }
h2 { font-size: 54px; font-weight: 400; line-height: 1em; font-family: 'kanit', sans-serif; text-transform: uppercase; }
h3 { font-size: 20px; font-weight: 400; line-height: 1em; font-family: 'kanit', sans-serif; text-transform: uppercase; }
h4 { font-size: 20px; font-weight: 400; line-height: 1em; font-family: 'kanit', sans-serif; text-transform: uppercase; }

h2 span { font-weight: 700; }

a { text-decoration: none; color: #000; }

#mk-main-area { overflow: hidden; }

#cookie-notice .cn-button { background-color: #ef7801 !important; color: #fff !important; padding: 5px 10px !important; border-radius: 5px; }

.mk_sectie { padding: 45px 0; }
.mk_module { margin-bottom: 2em; }
.mk_tekst a { color: #38312a; font-weight: 700; }
.mk_tekst a:hover { text-decoration: underline; }

.mk_sectie .mk_rij { max-width: 1700px; }

.mk_sectie.klein .mk_rij { max-width: 1300px!important; }

.nopadding { padding: 0px; }

.mk_builder .mk_sectie p { padding-bottom: 2em; }

/* Buttons */
.mk_button { font-size: 15px; font-weight: 700; border:2px solid #303B3E; color: #38312a; background: transparent; font-family: 'Lato', sans-serif;  padding: 15px 40px; border-radius: 0px; float: left;  text-decoration: none; text-transform: uppercase;  transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 15px 30px; }
.mk_button:hover:after  { opacity: 0; margin-left: 0px; }

.mk_button.bruin { color: #fff; }

.mk_button.terug { float:right; }

@media screen and (max-width: 640px) { .mk_button:hover { padding: 15px 40px; }}

/* Header */
#full-header { position: absolute; width: 100%; z-index: 9; }
#top-header { background-color: white; color:#fff; } 
#top-header a { color: #AAAAAA; text-transform: uppercase; font-weight: normal; letter-spacing: 0.5px; float: right; font-family: 'kanit', sans-serif;}
.mk_tijden_inner { margin-right: 50px; }
#main-header  { background-color: #fff; font-family: 'kanit', sans-serif; }
#main-header .container {padding: 15px 0px 15px 15px; border-radius: 4px; max-width: calc(1700px + 40px); width: calc(80% + 40px); }
#top-header .container { padding: 10px 0px; }

.header_homepage { background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; position: relative;}
.header_homepage .mk_rij { max-width: 1700px; padding: 150px 0px; }
.header_homepage .mk_rij .mk_kolom_1_1 { width: fit-content; }
.header_homepage .mk_rij .mk_kolom_1_1 .small { font-family: 'kanit', sans-serif; color: #AAAAAA; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; font-weight: normal;}
.header_homepage .mk_rij .mk_kolom_1_1 h1 span { font-weight: 700; }
.header_homepage .mk_rij .mk_kolom_1_1 h1 { position: relative; font-size: 65px; line-height: 1em; }
.header_homepage .mk_rij .mk_kolom_1_1 h1::before {content: ""; position: absolute; background-color: #827362; width: 60px; height: 4px; top: 40px; left: -75px;}
.header_homepage .mk_rij .mk_kolom_1_1 h1::after { content: none; }
.header_homepage .mk_rij .mk_kolom_1_1 p { font-weight: 600; line-height: 1.4em; margin-top: 20px; max-width: 600px; }
.header_homepage .mk_rij .mk_kolom_1_1 .mk_button { margin-top: 30px; }
.header_homepage .scrolldown { position: absolute; bottom: 10px; width: 25px; left: 50%; transform: translate(-50%,0%); animation: scrolldown 1.5s ease-in-out infinite;}

@keyframes scrolldown { 0% { transform: translate(-50%,0px); } 50% { transform: translate(-50%,10px);  } 100% { transform: translate(-50%,0px); } }

@media screen and (max-width: 1600px) { .header_homepage .mk_rij { padding: 75px 0px; }}

@media screen and (max-width: 980px) {
    #top-header .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .mk_tijden_inner { margin-right: 0px; }
    .header_homepage { height: 80vh; }
    .header_homepage .mk_rij { padding: 50px 0px; }
    .header_homepage .mk_rij .mk_kolom_1_1 { width: 90%; }
    .header_homepage .mk_rij .mk_kolom_1_1 h1 { font-size: 8vw; }
    .header_homepage .scrolldown { display: none; }
    .header_homepage {background-color: #EAE5E0 !important;}
    .header_homepage {background-image: none !important;}
}

@media screen and (max-width: 640px) {
    .header_homepage { height: fit-content; }
}


@media screen and (max-width: 980px) {
    /* Pseudo-elementen verwijderen of onzichtbaar maken */
    .mk_sectie.header::before,
    .mk_sectie.header::after {
        background: none !important;  /* gradient weg */
        content: "" !important;       /* pseudo-element blijft, maar zonder content */
        height: 0 !important;         /* optioneel, zodat er geen ruimte is */
        width: 0 !important;          /* optioneel */
    }
}


/* Flex layout main header */
.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}


.header-right {
    display: flex;
    align-items: center;
    gap: 30px;
}


.mk_tijden, .mk_telefoon {
    display: flex;
    align-items: center;
    gap: 10px;
}


#mk_mobile_menu_button {
    flex: 0 0 auto;
}


@media screen and (max-width: 980px) {
    .header-flex {
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
    }
    .header-right {
        flex-direction: row;
        justify-content: end;
        width: 100%;
        gap: 10px;
    }

    .mk_telefoon {
        display: none;
    }
    
    .showroom-text {
        display: none;
    }

}





/* mk_tijden */
.mk_tijden { float: right; }
.mk_tijden .mk_tijden_span { float: left; }
.mk_tijden .mk_tijden_span img { float: left; width: 25px; height: 20px; }
.mk_tijden .openingstijden  { float: left; margin-left: 5px; }

.openingstijdinformatie { display: none; }
.openingstijden.vandaag .dag { display: none; }
.openingstijden.vandaag .dag.active { display: block; }

.openingstijden.weekoverzicht .dag { float:  left; width: 100%; }
.openingstijden.weekoverzicht .dag .naam { float:  left; width: 100px; }
.openingstijden.weekoverzicht .dag .tijden { float:  left; width: calc(100% - 100px); }

/* mk_topmenu */
.mk_topmenu { float: right; }

/* mk_socials */
.mk_socials { float: right; }
.mk_socials a { padding: 10px; display: block; float: right; }


/*Info*/
#mk-info { float: right; font-weight: 400; padding: 15px 0; }
#mk-info a { font-size: 15px; color: #000; text-decoration: none; }

#mk-info .mk-info-email { font-weight: 700; color: #000; font-size: 18px; }
#mk-info .mk-info-phone { font-weight: 700; color: #000; font-size: 18px; margin-right: 15px; }
#mk-info .mk-info-mobiel { font-weight: 700; color: #000; font-size: 18px; }

#mk-info .mk_email { display: inline-block; }
#mk-info .mk_telefoon { display: inline-block; }
#mk-info .mk_mobiel { display: inline-block; }

#mk-info i.fa-phone { margin: 0 5px 0 10px; color: #000; font-size: 20px; }
#mk-info i.fa-whatsapp { margin: 0 5px 0 10px; color: #000; font-size: 24px;}
#mk-info i.fa-paper-plane { margin: 0 5px 0 10px; color: #000; font-size: 20px; }

/* body not home */
body:not(.home) .mk_logo_container { width: 200px!important; }

/*logo*/
body:not(.home) .mk_logo_container {padding: 10px 20px; border-radius: 10px; }
.mk_logo_container { position: relative; float: left; }

/* Slider */
.frontpageslider { background: #ffff; }

.frontpageslider .swiper-wrapper .swiper-slide { background-size: 1700px; background-position: top right; background-repeat: no-repeat; background-color: #38312a; }
.frontpageslider .swiper-wrapper .swiper-slide:after { content:""; display: block; position: absolute; width: 50%; height: 100%; left:0; top:0; background: #38312a; 
background: -moz-linear-gradient(left, rgba(56,49,42,1) 0%, rgba(56,49,42,0.8) 100%); 
background: -webkit-linear-gradient(left, rgba(56,49,42,1) 0%,rgba(56,49,42,0.8) 100%); 
background: linear-gradient(to right, rgba(35,26,16,1) 0%,rgba(61,43,32,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38312a', endColorstr='#38312acc',GradientType=1 );
}

.frontpageslider .swiper-slide .slide-content { margin: 0 auto; max-width: 1700px; width: 80%; padding: 200px 0; position: relative; z-index: 10; }
.frontpageslider .swiper-slide .slide-module { width: 47.25%; }

.frontpageslider .swiper-slide h1 { font-size: 60px;  font-weight: 300; color: #fff; line-height: 1em; }
/* .frontpageslider .swiper-slide h1:after { display: none; } */
.frontpageslider .swiper-slide .subtitel { color: #fff; float: left; font-size: 38px; padding-bottom: 10px; font-family: 'Roboto Slab', sans-serif; font-weight: 700; margin-top: 10px; width: 100%; line-height: 1em;  }
.frontpageslider .swiper-slide .subtitel span { display: inline-block; }
.frontpageslider .swiper-slide .tekstvlak { color: #fff; padding: 15px 0 35px; }

.frontpageslider .swiper-slide .centeren { display: block; width: 70%; margin: 0 auto; text-align: center; }
.frontpageslider .swiper-slide .centeren .et_pb_column { width: 100%; }
.frontpageslider .swiper-slide .centeren .subtitel { float: none; display: inline-block; }



.frontpageslider .swiper-slide h1 { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.2s; opacity: 0 }
.frontpageslider .swiper-slide .subtitel { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.6s; opacity: 0 }
.frontpageslider .swiper-slide-active h1 { animation-name: fadeTop; opacity: 1; }
.frontpageslider .swiper-slide-active .subtitel {animation-name: fadeLeft; opacity: 1; }

.frontslideroverlay { pointer-events: none; background-image: url('images/overlayslider.png'); height: 190px; margin-top: -190px; position: relative; z-index: 9; background-position: center bottom;  background-size: cover; }


/* kruimelpad */
.kruimelpad { display: none; font-size: 14px; margin-bottom: 10px; color: #38312a; font-weight: 700;  }
.kruimelpad .kruimelpad_inner .sep { padding: 0px 10px; }
.kruimelpad.active { display: block; }
.kruimelpad a { color: #38312a; font-weight: 700; }

@media screen and (max-width: 980px) {
    .kruimelpad { margin-top: 40px; margin-bottom: 0px; }
}

/* cms */
.mk_sectie.bruin { background-color: #E9E4DF; }
.mk_sectie.bruin .mk_button { color: #fff; }
/* .mk_sectie.bruin .mk_button:after { content: url('images/arrowwitrechts.png'); } */
.mk_sectie.bruin .mk_tekst a { color: #fff; }

.mk_sectie.center { text-align: center; }
.mk_sectie.center .mk_kolom_1_1 { float: none; margin: 0 auto; }
.mk_sectie.center .mk_knop_inner { display: inline-block; }
.mk_sectie.center h1:after, .mk_sectie.center h2:after { margin: 20px auto; }
.mk_sectie.center .gform_wrapper .mk_button { float: none !important;}

.mk_sectie.volledige_breedte .mk_rij { width: 100%; max-width: 100%; }
.mk_sectie.volledige_breedte.center .mk_kolom_1_1 { width: 100%; max-width: 100%; }

.mk_sectie.light { background-color: #E9E4DF; }
.mk_sectie.light .mk_rij { z-index: 1; } 

.mk_sectie.achtergrond_foto_links { background-size: 1200px; background-repeat: no-repeat; background-position-x: calc(50% - 600px); min-height: 600px; padding: 50px 0; background-position-y: center; }
.mk_sectie.achtergrond_foto_links .mk_kolom_1_1 { width: 47.25%; float: right; padding-left: 4%; }

/* .googlekaart { } */
.mk_sectie.googlekaart { padding: 0; }
.mk_sectie.googlekaart .mk_rij { width: 100%; max-width: initial; padding: 0; }
.mk_sectie.googlekaart iframe { display: block; width: 100%; height: 600px; }

.mk_sectie.flex .mk_rij { display: flex; align-items: center; }

@media screen and (max-width: 980px) {
    .mk_sectie.flex .mk_rij {
        flex-direction: column;
    }
}

/* header background-position-x: calc(50% + 600px - 200px); */
.mk_sectie.header { background-position: center; background-size: cover; position: relative; }
.mk_sectie.header::before { content: ""; position: absolute; bottom: 0px; left: 0px; height: 90%; width: 100%; background: linear-gradient(0deg, rgb(233, 228, 223), rgba(233, 228, 223, 0)); }
.mk_sectie.header::after { content: ""; z-index: 0; position: absolute; top: 100%; left: 0px; height: 500px; width: 100%; background: linear-gradient(-180deg, rgb(233, 228, 223), rgba(233, 228, 223, 0)); }

.mk_sectie.header .mk_rij .mk_kolom_1_1 .mk_module .mk_tekst_inner { font-weight: 600; line-height: 1.6em; margin-top: 20px; max-width: 600px; }

@media screen and (max-width: 980px) {
    .mk_sectie.header::before,
    .mk_sectie.header::after {
        background: none !important;
        content: none !important;
    }
}



/* .mk_sectie.header.light:after { background-image: url('images/overlaysliderlight.png'); } */
.mk_sectie.header.tekst .mk_kolom_1_1 { width: 100%; max-width: 600px; }
.mk_sectie.header.tekst .mk_kolom_1_1 .mk_tekst { width: 50%; }

.mk_sectie.header.alignright { background-position: right top; }

/* lijst */
.mk_sectie.lijst ul { padding-left: 60px; }
.mk_sectie.lijst li { list-style: none; padding-bottom: 1.7em; }
.mk_sectie.lijst li:before { content: url('images/ulcheck.svg'); width: 30px; display: block; float: left; margin-left: -60px; margin-top: 8px; }

/* qoute */
.mk_sectie.qoute .mk_rij .mk_kolom:before { content: url('images/qoutesup.png'); display: block; position: absolute; top: 0; left:0; }
.mk_sectie.qoute .mk_rij .mk_kolom:after { content: url('images/qoutesdown.png'); display: block; position: absolute; bottom: 0; right:0; }
.mk_sectie.qoute .mk_rij { padding-bottom: 60px; }
.mk_sectie.qoute h2 { font-weight: 700; line-height: 1em; font-family: 'Roboto Slab', sans-serif; }
.mk_sectie.qoute h2:after { display: none; }



/* landingsheader */
.mk_sectie.header.landing { background-color: #f1f1f0; color: #38312a; background-size: 1200px; background-repeat: no-repeat; background-position-x: calc(50% + 600px); background-position-y: center; }
.mk_sectie.header.landing:before { display: none; }
.mk_sectie.header.landing h3 { font-size: 38px; font-weight: 300;  line-height: 1em; font-family: 'Roboto Slab', sans-serif; }
/* .mk_sectie.header.landing h3::after { content: ""; height: 5px; width: 50px; background-color: #ef7801; border-radius: 4px; margin: 20px 0; display: block; } */
.mk_sectie.header.landing .mk_rij { padding-bottom: 110px; }
.mk_sectie.header.landing .mk_kolom_2:nth-child(n) { margin-right: 0; }
.mk_sectie.header.landing .mk_kolom_2:last-child { float:right; }
.mk_sectie.header.landing .kruimelpad, .mk_sectie.header.landing .kruimelpad a { color: #38312a; }

.mk_sectie.header.landing .mk_kolom_2:last-child { background-color: rgba(255,255,255,0.8); padding: 30px; text-align: center; max-width: 500px; float: right; } 
.mk_sectie.header.landing .mk_kolom_2:last-child .mk_knop_inner { display: inline-block; }

.mk_sectie.header.landing ul { padding-left: 32px; }
.mk_sectie.header.landing ul li { list-style: none; padding-bottom: 0; }
.mk_sectie.header.landing ul li:before { content: url('images/ulcheck2.png'); display: block; float: left; margin-left: -32px; margin-top: 4px; }


/* headerfoto */
.mk_sectie.header.headerfoto { background-position: right center; background-size: cover; background-repeat: no-repeat; }

.mk_module.center { text-align: center; }
.mk_module.center h1:after, .mk_module.center h2:after  { margin: 20px auto 0 auto; }

/* samenwerking */
.samenwerking-logos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.samenwerking-logos .mk_kolom_1_3 { flex: 1; padding: 5px; }

.mk_sectie.nopaddingbottom { padding-bottom: 0 !important; }

/* Content */
.home1 { font-size: 38px; padding-top: 0; font-family: 'Roboto Slab', sans-serif; }
.home1 .mk_module { width: auto; }
.home1 .mk_knop { float: right; }
.home1 .mk_tekst_inner { padding-top: 15px; }

.home2 { padding: 0; }
.home2 .mk_rij { padding: 10px 0; }
.home2 .mk_module  { margin-bottom: 0; }

.home4 { padding: 90px 0; }
.home4 .qoutes-verhalen .titel { width: 80%; margin: 0 auto; font-size: 38px; font-weight: 700; line-height: 1em; font-family: 'Roboto Slab', sans-serif; padding-bottom: 25px; }
.home4 .qoutes-verhalen .van { font-weight: 700; padding-top: 20px; }
.home4.qoute .mk_rij { padding-bottom: 40px; }

.home3 h2 { font-size:60px; }
.home3 h2 span { display: block; font-weight: 700; font-size: 38px; padding-bottom: 10px; line-height: 1em; }

.home5 .mk_rij:first-child .mk_titel { float: left; width: auto; }
.home5 .mk_rij:first-child .mk_knop { float: right; width: auto; }

/* keukensopties */
.keukensopties { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
.keukensopties .item { width: 16%; text-align: center; padding: 5px; cursor: pointer; height: auto!important; transition: 0.3s; }
.keukensopties .item .icon { margin: 0 auto 20px auto; width: 30%; margin: auto; }
.keukensopties .item .icon img { height: 90px; display: inline-block; }
.keukensopties .item .titel { font-size: 14px; font-weight:700; line-height: 1.4em; }
.keukensopties .item:nth-child(4) { clear:left;}

.keukensopties .item.active, .keukensopties .item:hover { background-color: #e9e4df; transition: 0.3s; }

.keukensopties_inhoud { width: 100%; }
.keukensopties_inhoud .item { display: none; padding: 40px 50px; background-color: #e9e4df; border-radius: 20px; transition: 0.3s;  }
.keukensopties_inhoud .item.active { transition: 0.3s; animation: fadeinkeuken 1s ease-in-out; display: block; }
.keukensopties_inhoud .titel { font-weight:700; font-size: 26px; padding-bottom: 10px; line-height: 1em; }

@keyframes fadeinkeuken {
    0% {
        opacity: 0;
    } 100% {
        opacity: 1;
    }
}

/* beoordeling */
.beoordeling.mk_module .mk_code_inner  { font-family: 'Roboto Slab', sans-serif; float: left; border: 2px solid #ef7801; padding: 35px 30px; font-size: 38px; font-weight: 700; line-height: 1em; }
.beoordeling.mk_module .mk_code_inner div:nth-child(1) { float: left; width: calc(100% - 125px); }
.beoordeling.mk_module .mk_code_inner div:nth-child(2) { float: right; width: 125px; font-size: 100px; line-height: 0.7em; padding-left: 20px; position: relative; }
.beoordeling.mk_module .mk_code_inner div:nth-child(2) div { font-size: 52px; margin-top: -14px; position: absolute; width: auto; top: 0; right: 4px; }


/* qoute sterren */
.qoutes-verhalen .sterren {height:22px; width:115px; position: relative; display: block; margin: 0 auto; }
.qoutes-verhalen .sterren .empty {background:url("images/sterrenempty.png") repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.qoutes-verhalen .sterren .filled {background:url("images/sterrenfill.png") repeat-x; width:0%; max-width: 0%; height:100%; position:absolute; top:0; left:0; -webkit-transition-delay: 200ms; transition-delay: 200ms; transition:1000ms; -webkit-transition:1000ms; }
.qoutes-verhalen .owl-item.center .sterren .filled { max-width: 100%;}

/* qoute sterren */
.mk_sectie.qoute .qoute .sterren {height:22px; width:115px; position: relative; display: block; margin: 0 auto; }
.mk_sectie.qoute .qoute .sterren .empty {background:url("images/sterrenempty.png") repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.mk_sectie.qoute .qoute .sterren .filled {background:url("images/sterrenfill.png") repeat-x; width:0%; max-width: 0%; height:100%; position:absolute; top:0; left:0; -webkit-transition-delay: 200ms; transition-delay: 200ms; transition:1000ms; -webkit-transition:1000ms; }
.mk_sectie.qoute .qoute .sterren .filled { max-width: 100%;}

.mk_sectie.qoute .van { font-weight: 700;} 

/* logo's samenwerken */
.samenwerken_logo_container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; }
.samenwerken_logo_container .item { width: 33%; }

@media screen and (max-width: 640px) {
    .samenwerken_logo_container {  flex-direction: column; gap: 30px; }
    .samenwerken_logo_container .item { width: 60%; }
}

/* ozne werkwijze */
.onzewerkwijze h2 { margin-bottom: 20px; }
.onzewerkwijze .mk_rij .mk_kolom_1_3 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; }
.onzewerkwijze .mk_rij .mk_kolom_1_3 .mk_afbeelding { width: 30%; }
.onzewerkwijze .mk_rij .mk_kolom_1_3 .mk_afbeelding .mk_afbeelding_inner { background-color: #38312a; padding: 30px; border-radius: 50%; height: 90px; width: 90px; display: flex; justify-content: center; align-items: center; }
.onzewerkwijze .mk_rij .mk_kolom_1_3 .mk_tekst { width: 60%; }

@media screen and (max-width: 980px) {
    .onzewerkwijze .mk_rij .mk_kolom_1_3 { height: auto!important; margin: auto; float: none!important; width: 70%; }
}

@media screen and (max-width: 640px) {
    .onzewerkwijze .mk_rij .mk_kolom_1_3 { width: 100%; }
}

@media screen and (max-width: 480px) {

    .onzewerkwijze .mk_rij .mk_kolom_1_3 { flex-direction: column; }
    .onzewerkwijze .mk_rij .mk_kolom_1_3 .mk_afbeelding { margin: auto; }
    .onzewerkwijze .mk_rij .mk_kolom_1_3 .mk_tekst { width: 100%; }
}


/* Vervolgpagina */
/* galerij-carousel */

.galerij-carousel .owl-nav {  display: block !important; }
.galerij-carousel .owl-nav .owl-prev { position: absolute; z-index: 2; width: 60px; height: 46px; background-color: #ef7801; left: 0; top: calc(50% - 23px); border-radius: 0 5px 5px 0; }
.galerij-carousel .owl-nav .owl-next { position: absolute; z-index: 2; width: 60px; height: 46px; background-color: #ef7801; right: 0; top: calc(50% - 23px); border-radius:  5px 0 0 5px; }

.galerij-carousel .owl-nav .owl-prev:before { content: url('images/pijllinkswit.png'); display: block; float: right; padding: 10px 16px; }
.galerij-carousel .owl-nav .owl-next:before { content: url('images/pijlrechtswit.png'); display: block; float: left; padding: 10px 16px; }

/* merken-carousel */

.merken-titel {  font-size: 38px; line-height: 1em; text-align: center;  font-family: 'Roboto Slab', sans-serif;  }
.merken-titel span { font-size: 20px; font-weight: 400; display: block; padding-top: 10px; }
.merken-titel:after { content: ""; height: 5px; width: 50px; background-color: #ef7801; border-radius: 4px; margin: 8px auto 22px; display: block; }
.merken-carousel .owl-item img { max-width: 205px; margin: auto; opacity: 0.4;}

.merken-carousel .owl-prev { position: absolute; left: -50px; top: calc( 50% - 18px); }
.merken-carousel .owl-next { position: absolute; right: -50px;; top: calc( 50% - 18px); }

/* .merken-carousel .owl-prev:before { content: url('images/pijllinks.png'); display: block; }
.merken-carousel .owl-next:before { content: url('images/pijlrechts.png'); display: block;  } */

.vervolg_verhalen_wrapper { margin-top: -150px; }
.vervolg_verhalen .owl-stage-outer { overflow: visible!important; }
.vervolg_verhalen .owl-stage-outer .owl-stage .owl-item .slide_item { height: 300px; }
.vervolg_verhalen_wrapper .mk_rij .owl-icon { display: none; }

.homepage_verhalen .owl-stage-outer { overflow: visible!important; clip-path: polygon(0 0, 300% 0, 300% 300%, 0% 100%);}

.slide_item { background-position: center; background-repeat: no-repeat; background-size: cover; height: 550px; position: relative; overflow: hidden; }
.slide_item h4 { position: absolute; bottom: 30px; left: 30px; color: white; width: fit-content; font-size: 32px; display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px; }
.slide_item h4 span {background-color: white; position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; top: 50%; right: -60px; transform: translate(0%,-50%);}
.slide_item h4 span img { height: 15px!important; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); }

@media screen and (max-width: 980px) {
    .slide_item { height: 400px; }
    .vervolg_verhalen_wrapper { margin-top: -50px; }
}

@media screen and (max-width: 640px) {
    .slide_item { height: 300px; }
    .slide_item h4 { left: 15px; font-size: 16px; }
    .slide_item h4 span { right: -45px; width: 30px; height: 30px; }

    .merken_carousel_wrapper { padding: 20px 0px; } 
}

/* laatste blog */
.laatsteblog .item { display: block; }
.laatsteblog .item .afbeelding { float: left; width: 47.25%; margin-right: 5.5%; }
.laatsteblog .item .content { float: left; width: 47.25%; }

.laatsteblog .item .content .header:after { content: ""; height: 5px; width: 50px; background-color: #fff; border-radius: 4px; margin: 20px 0; display: block; }
.laatsteblog .item .content .header .titel { font-size: 28px; font-family: 'Roboto Slab', sans-serif; }
.laatsteblog .item .content .header .details { color: #ef7801; }

.laatsteblog .item .content .tekst { margin-bottom: 30px; font-weight: 300; }
.laatsteblog .item .content .leestijd { font-size: 15px; color: #fff; background: #48423a; padding: 15px 20px; float: right; }
.laatsteblog .item .content .leestijd img {  margin-right: 10px; margin-top: 3px; display: block; float: left; }


/* Blog */
.blog #main-content .container:before { display: none; }
.blog #main-content .container { width: 100%; max-width: inherit; padding: 0;  }
.blog #left-area { width: 100%; padding: 0; }

.blogsection { float: left; width: 100%; }
.blogintro h1 { padding-top: 50px; padding-bottom: 0px; }
.blogrow { padding: 45px 0; float: left; width: 100%;}
.blogrow:nth-child(even) {background-color:#f3f3f3;}

.blogpost { width: 80%; max-width: 1700px; margin: 0 auto;}
.blogpost .content { padding: 30px 0 ; position: relative; min-height: 250px;}
.blogpost .image {  display: block; width: 35%; height: 100%; padding-bottom: 15px; padding-left:30px; float: right; background-size: cover; background-position: center center;}

.blogpost .title {font-size: 24px; font-weight: 600;}
.blogpost .intro {font-size: 16px; padding-top: 15px;}

.blogbtn.mk_button {display:block; margin-top: 30px; }


/*Blog content template*/
.blog-content { width: 100%; float: left; }
.blog-titel {margin-bottom: 10px;}
.blog-datum {margin-bottom: 15px; font-weight: 600;}
.blog-afbeelding {float: right; margin-left: 32px; width: 40%;}
.blog-tekst ul {padding: 0 0 14px 1em !important;}



/* archive-verhalen */
.mk_sectie.header.verhalen .mk_rij { padding-bottom: 350px; }
.mk_sectie.header.verhalen .mk_rij .mk_kolom_1_1 { max-width: 500px; }
.archive-verhalen .mk_rij { margin-top: -300px; z-index: 9; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.archive-verhalen article { margin-bottom: 30px; float: left; width: 48%; }
.archive-verhalen article:last-child { margin-bottom: 0; }
.archive-verhalen .item { width: 100%; background-color:#E9E4DF; color: #fff; display: block; float: left; position: relative;  }
.archive-verhalen .item:last-child { margin-bottom: 0; }

.archive-verhalen .item .afbeelding { width: 47.25%; height: 100%; position: absolute; background-size: cover; }
.archive-verhalen .item .content { width: 47.25%; float: right; padding: 25px 15px 25px 0; }
.archive-verhalen .item .content .mk_button { padding: 5px 25px; }
.archive-verhalen .item .content .van { color: #38312a; padding-bottom: 20px; }
.archive-verhalen .item .content h2:after { display: none; }
.archive-verhalen .item .content h2 { position: relative; font-size: 24px; line-height: 1em; padding-bottom: 20px; padding-right: 55px; color: #38312a; }
.archive-verhalen .item .content h2 span { display: block; font-weight: 700; font-size: 18px;  line-height: 1em; color: #38312a; }
.archive-verhalen .item .content .tekst::after { content: ""; height: 5px; width: 50px; background-color: #fff; border-radius: 4px; margin: 20px 0; display: block; }

@media screen and (max-width: 980px) {
    .archive-verhalen article { width: 100%; }
}

/* .archive-verhalen .item .content h2:before { content: url('images/qoutesdown2.png'); display: block; position: absolute; top: -10px; right: 0; } */

/* single verhalen */
.verhalen1 h1 span { display: block; font-weight: 700; font-size: 38px; line-height: 1em; padding: 0; }
.verhalen1 h1:after { display: none; }
.verhalen1 .van { color: #38312a; }

.verhalen1 .mk_rij .mk_kolom_1_1 { max-width: 45%; }

@media screen and (max-width: 980px) {
    .verhalen1 .mk_rij .mk_kolom_1_1 { max-width: 100%; }
}


/* keukensinbeeld */
.keukensinbeeld { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 35px 10px; }
.keukensinbeeld::after { content: url('images/bgdots.svg'); position: absolute; top: -25px; left: -50px; width: 700px;  z-index: 0; }
.keukensinbeeld .item { width: 48%; height: 450px; z-index: 1; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;  }
.keukensinbeeld .item .like { position: absolute; bottom: 20px; right: 20px; color: white; cursor: pointer; }
.keukensinbeeld .item .like i { font-size: 22px; }
.keukensinbeeld .item span { font-size: 22px; font-weight: bolder; }

.keukensinbeeld .item .like .heart { opacity: 1; position: absolute; z-index: 9; left: 15px; top: 16px; margin: 0; text-shadow: none !important; animation-timing-function: linear; animation-fill-mode: both; }
.keukensinbeeld .item .like i.heart1 { animation-name: heart1; animation-duration: 1.2s; animation-delay: 0s; }
.keukensinbeeld .item .like i.heart2 { animation-name: heart2; animation-duration: 1.2s; animation-delay: 0.2s; }
.keukensinbeeld .item .like i.heart3 { animation-name: heart3; animation-duration: 1.2s; animation-delay: 0.4s; }
.keukensinbeeld .item .like i.heart4 { animation-name: heart4; animation-duration: 1.2s; animation-delay: 0.6s; }

@media screen and (max-width: 980px) {
    .keukensinbeeld { flex-direction: column; position: relative; }
    .keukensinbeeld .item { width: 100%; height: 300px; }
}


/* css Animaties  */
@-webkit-keyframes fotoheartje {0%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1);  } 50%{ -webkit-transform:scale(1.5); transform:scale(1.5); -ms-transform:scale(1.5); } 100%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1); } }
@-moz-keyframes fotoheartje {0%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1);  } 50%{ -webkit-transform:scale(1.5); transform:scale(1.5); -ms-transform:scale(1.5); } 100%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1); } }
@-o-keyframes fotoheartje {0%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1);  } 50%{ -webkit-transform:scale(1.5); transform:scale(1.5); -ms-transform:scale(1.5); } 100%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1); } }
@keyframes fotoheartje {0%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1);  } 50%{ -webkit-transform:scale(1.5); transform:scale(1.5); -ms-transform:scale(1.5); } 100%{ -webkit-transform:scale(1); transform:scale(1); -ms-transform:scale(1); } }


.keukensinbeeld .foto i.heart { opacity: 1; position: absolute; z-index: 9; left: 15px; top: 16px; margin: 0; text-shadow: none !important; animation-timing-function: linear; animation-fill-mode: both; }
.keukensinbeeld .foto i.heart1 { animation-name: heart1; animation-duration: 1.2s; animation-delay: 0s; }
.keukensinbeeld .foto i.heart2 { animation-name: heart2; animation-duration: 1.2s; animation-delay: 0.2s; }
.keukensinbeeld .foto i.heart3 { animation-name: heart3; animation-duration: 1.2s; animation-delay: 0.4s; }
.keukensinbeeld .foto i.heart4 { animation-name: heart4; animation-duration: 1.2s; animation-delay: 0.6s; }


@-webkit-keyframes heart1 {0%{ opacity: 1; transform: translateY(0px) translateX(0px) rotateZ(0deg); } 50%{ opacity: 1; transform: translateY(-45px) translateX(13px) rotateZ(13deg); } 100%{ opacity: 0; transform: translateY(-90px) translateX(26px) rotateZ(26deg); } }
@-webkit-keyframes heart2 {0%{ opacity: 1; transform: translateY(0px) translateX(0px) rotateZ(0deg); } 50%{ opacity: 1; transform: translateY(-40px) translateX(-10px) rotateZ(-10deg); } 100%{ opacity: 0; transform: translateY(-80px) translateX(-20px) rotateZ(-20deg); } }
@-webkit-keyframes heart3 {0%{ opacity: 1; transform: translateY(0px) translateX(0px) rotateZ(0deg); } 50%{ opacity: 1; transform: translateY(-35px) translateX(5px) rotateZ(3deg); } 100%{ opacity: 0; transform: translateY(-70px) translateX(10px) rotateZ(6deg); } }
@-webkit-keyframes heart4 {0%{ opacity: 1; transform: translateY(0px) translateX(0px) rotateZ(0deg); } 50%{ opacity: 1; transform: translateY(-30px) translateX(-5px) rotateZ(-5deg); } 100%{ opacity: 0; transform: translateY(-60px) translateX(-10px) rotateZ(-10deg); } }

/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0; display: none;}
.gform_wrapper ul.gform_fields { padding: 0; width: calc(100% + 16px); }

.gform_wrapper ul.gform_fields li.gfield { margin-top: 2px; margin-bottom: 16px; float: left; clear: none; width: 50%; padding-right: 16px; list-style: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_full { width: 100%; clear: both; }
.gform_wrapper ul.gform_fields li.gfield.gf_third { width: 33.33%;  }
.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_label .gfield_label { display: block; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0; }

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper select, .gform_wrapper textarea {  border: 0px solid #e2e2e2;background: #F4F5F5; padding: 20px 35px 20px 35px!important; border-radius: 5px; display: block; width: 100% !important; font-size: 13px !important; letter-spacing: 1px; line-height: 1.4em !important;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 0px solid #ccc;}

.gform_wrapper .gform_footer { padding: 20px 0px 0px 0px!important; margin: 0!important; text-align: center; float: left; }
.gform_wrapper .mk_button {padding: 20px 35px 20px 35px !important; cursor: pointer; border: 2px solid #303B3E; margin: 0 auto !important; float:left !important; }
.gform_wrapper .mk_button:hover { padding: 20px 50px 20px 50px !important; background-color: #303B3E; color: #fff; }

/* Other Fields */
.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif;  font-size: 16px;  font-weight: 300; line-height: 2em; color: #38312a; } 

/* Paragraph Text Area */
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif;  font-size: 16px;  font-weight: 300; line-height: 2em; color: #38312a; }

@media screen and (max-width: 640px) {
    .gform_wrapper .mk_button:hover { background-color: white; color: #303B3E;}

    .owl-carousel { -ms-touch-action: pan-y; touch-action: pan-y; }
}


/* .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;} */
/* .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;} */
.gform_wrapper .validation_message{font-weight: 400 !important;}

textarea, input, select { -webkit-appearance: none; }


.mk_sectie.header.landing .gform_wrapper ul.gform_fields li.gfield { width: 100%; } 
.mk_sectie.header.landing .gform_wrapper input[type=text], .mk_sectie.header.landing .gform_wrapper select, .mk_sectie.header.landing .gform_wrapper textarea { border:0; background-color: #3e342b; color: #fff; }

.mk_sectie.header.landing .gform_wrapper .mk_button { color: #fff; float: left !important; }


.mk_sectie.header.landing textarea::placeholder, .mk_sectie.header.landing input::placeholder, .mk_sectie.header.landing select::placeholder   { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255,255,255,0.4);
    opacity: 1; /* Firefox */
}
.mk_sectie.header.landing textarea::-ms-input-placeholder, .mk_sectie.header.landing input::-ms-input-placeholder, .mk_sectie.header.landing select::-ms-input-placeholder {
    color: rgba(255,255,255,0.4);
}

.mk_sectie.header.landing textarea:-ms-input-placeholder, .mk_sectie.header.landing input:-ms-input-placeholder, .mk_sectie.header.landing select:-ms-input-placeholder{
    color: rgba(255,255,255,0.4);
}

.mk_sectie.header.landing textarea::-webkit-input-placeholder, .mk_sectie.header.landing input::-webkit-input-placeholder, .mk_sectie.header.landing select::-webkit-input-placeholder{
    color: rgba(255,255,255,0.4);
}


.mk_sectie.landing .gform_wrapper { max-width: 600px; margin: 0 auto !important; }
.mk_sectie.landing .gform_wrapper input[type=text], .mk_sectie.landing .gform_wrapper select, .mk_sectie.landing .gform_wrapper textarea { background-color: #f3f3f2; }
.gform_validation_errors>h2:before { content: none!important; }



.gform_wrapper ul.gform_fields li.gfield.landingspagina { visibility: hidden; height: 0; margin: 0; }

.gform_legacy_markup_wrapper div.validation_error { border: 0px!important; padding: 0px!important; text-align: left!important; margin-bottom: 10px!important; margin-top: 0px!important; }
.gform_validation_errors>h2 { font-weight: 700!important; color: #38312a!important; font-family: 'kanit', sans-serif!important; line-height: 1.3em; }
.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent!important; padding-top: 0px!important; border-top: 0px!important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-right: 0px!important; padding-top: 5px!important; }
.gform_legacy_markup_wrapper .validation_message { color: #38312a!important;  font-family: 'kanit', sans-serif!important; text-transform: uppercase!important; }

@media screen and (max-width: 1023px) {
    .gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
        margin-top: 0px!important;
    }
}

.textwidget.custom-html-widget { color: #332922; }

/* Footer */
#main-footer { background-color: white; }
#main-footer .mk_sectie { padding-bottom: 0; }

.mk_footer { width: 25%; float: left; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

.mk_footer li { list-style: none; }
.mk_footer a { color: #332922; }
.mk_footer h4 { padding-bottom: 10px; color: #332922; font-weight: bolder;}
.mk_footer_widgets { margin-bottom: 20px; }
.mk_footer_widgets:last-child { margin-bottom: 0; }

.zekervanjeaankoop { width: 100px; }
.mk_footer2 img { max-width: 170px!important; }

#footer-bottom {background-color: white; padding: 15px 0 5px 0; font-size: 15px; }
#footer-bottom .container  { position: relative; width: 80%; max-width: 1700px; margin: 0 auto; display: flex; flex-direction: row; gap: 100px;}
#footer-info { padding-bottom: 10px; color: #666; text-align: left; color: #52483e; }
#footer-info a { color: #52483e; }

.mk_footer.mk_footer3 .socials { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.mk_footer.mk_footer3 .socials a { max-width: 40px; }
.mk_footer.mk_footer3 .socials a img { width: 100%; }

/* blogs */
.mk_sectie.header.blog  { background-image: url('images/header10.jpg'); }
.mk_sectie.header.blog .mk_rij { padding-bottom: 350px; }
.mk_sectie.header.blog h1:after { display: none; }
.mk_sectie.header.blog .details {  color: #ef7801; }
.mk_sectie.header.blog .mk_kolom_1_1 { width: calc(100% - 350px); }

@media screen and (max-width: 640px) {
    #footer-bottom .container { flex-direction: column; gap: 0px; width: 90%;}
    #main-footer .mk_sectie { padding-top: 0px; }
}

.blog-view { margin-top: -360px; z-index: 9; position: relative; }


/* Blog items voorpagina*/
.blog-items { width: calc(100% + 27px + 27px); float: left; margin-left: -27px;  }
.blog-item { width: calc(50% - 27px - 27px); flex: 0 0 calc(50% - 27px - 27px); max-width: calc(50% - 27px - 27px);  float: left; margin: 15px 27px; position: relative; }

.blog-item .blog-head { height: 250px; background-size: cover; }
.blog-item .body { width: 100%; float: left; padding: 30px; background-color: #38312a; color: #fff; padding: 30px; }

.blog-item .content { padding: 0; float: left; min-height: 0; width: 100%; }

.blog-item .details { color: #ef7801; }
.blog-item .details:after { content: ""; height: 5px; width: 50px; background-color: #fff;  border-radius: 4px; margin: 20px 0; display: block; }

.blog-item .titel { font-size: 24px; } 
.blog-item .tekst { margin-top: 20px; margin-bottom: 30px; }

.blog-item .tijd { background-color: #48413b; color: #fff; text-align: center; width: 40%; padding: 15px 20px; float: right; margin-right: -30px; }
/* .blog-item .tijd:before { content: url('images/tijd.png'); width: 17px; height: 17px; margin-right: 10px; } */

.blog-item .tijd img { margin-right: 10px; margin-top: 3px; display: block; float: left; width: auto;}

.blog-header { float: left; width: 70%; }
.blog-view-titel { display: block; font-size: 20px; padding-left: 50px; }
.blog-header h2 span { display: inline-block; width: auto; padding: 0; font-size: inherit; }
.blog-button { float: right; width: 30%; }
.blog-button .mk_button { color: #000; float: right; border:1px solid #000;  }
/* .blog-button .mk_button:after { color: #000; content: url('images/pijlzwart.png'); } */

/*.blogfilter*/
.blogfilter { margin-top: 10px; float: left; width: 100%; padding-bottom: 10px; }
.blogfilter .filters span.op { display: block; float: left; margin-right: 10px; font-weight: 700;  color: #ef7801; line-height: 1em; padding: 8px 0px; }
.blogfilter .filters span.filter { display: block; float: left; cursor: pointer; line-height: 1em; color: #ef7801; margin-bottom: 5px; border: 1px solid #ef7801; border-radius: 5px; font-size: 15px; padding: 8px 15px; transition: 200ms; -webkit-transition: 200ms; margin-right: 5px; }
.blogfilter .filters span.filter:hover, .blogfilter .filters span.filter.active { background-color: #ef7801; color: #fff; }

.blogfilter .openmenu { cursor: pointer; font-weight: 700;  color: #fff; display: inline-block; padding: 10px 20px; border-radius: 4px; border: 2px solid #ef7801; }
.blogfilter .openmenu:after { display: inline-block; margin-left: 10px; top: 2px; position: relative; content: "\f105"; color: #ef7801; font-family: "Font Awesome 5 Free"; font-weight: 600;  transition: 200ms; -webkit-transition: 200ms;  transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); }
.blogfilter .openmenu.active:after { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); }

.blogfiltermenu { padding: 0px 50px; color: #fff; background-color: #ef7801; position: relative; z-index: 9; width: 100%; margin-bottom: 0px; transition: 500ms; -webkit-transition:500ms; opacity: 0; max-height: 0; overflow: hidden; }
.blogfiltermenu span.filter { display: block; width: 100%; padding: 4px 0; font-size: 18px; line-height: 1.4em; cursor: pointer; }
.blogfiltermenu span.filter:hover, .blogfiltermenu span.active { text-decoration: underline; }
.blogfiltermenu.active { opacity: 1; max-height: 276px; padding: 30px 50px; margin-bottom: 15px; }

.blogfiltermenu .filters .row {float: left;  width: 23.5%; margin-right: 2%; border-right: 1px solid #fff6; }
.blogfiltermenu .filters .row:last-child { margin-right: 0; border-right: 0; }

.blogfiltermenu .filters .col { float: left; width: 100%; }

.blogfiltermenu .filters .col.mobile { display: none; }
.blogfiltermenu .filters .rowmobile { float: left; width: 48%; margin-right: 4%; border-right: 1px solid #fff6; }
.blogfiltermenu .filters .rowmobile:last-child { margin: 0; border:0; }

/* single */
.mk_sectie.singleblog1 { padding-bottom: 0;}
.singleblog1 .mk_rij { z-index: 9; margin-top: -330px; padding: 60px 80px; background-color: #fff; border-radius: 4px; max-width: calc(1200px + 40px); width: calc(80% + 40px); }
.singleblog1 h2 { font-size: 24px; font-weight:700; padding-bottom: 0.5em; }
.singleblog1 h2:after { display: none; }
.singleblog1 blockquote { text-align: center; padding: 1em 0; font-weight:700; position: relative; margin: 10px 0 30px 0; }
.singleblog1 blockquote:before { content: ""; width: 40%; height: 2px; background-color: #ef7801; position: absolute; left:30%; top: 0; }
.singleblog1 blockquote:after { content: ""; width: 40%; height: 2px; background-color: #ef7801; position: absolute; left:30%; bottom: 0; }
.singleblog1 img { margin: 0 auto; }

.singleblog1 p { padding-bottom: 2em; }
.singleblog1 pre { text-align: center; display: none; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap;  white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; line-height: 1.2em; }
.singleblog1 h1, .singleblog1 h2, .singleblog1 h3, .singleblog1 h4, .singleblog1 h5 { padding-bottom: 0.5em; }

.blog-items-carousel.owl-carousel { width: 100%; margin: 0; }
.blog-items-carousel { width: calc(100% + 27px + 27px); }
.blog-items-carousel .blog-item { width: 100%; max-width: 100%; margin: 0; text-align: left;  margin-right: 5.5%; }


.socialshare { float:left; margin-top: 15px; width: 100%; }
.socialshare .titel { float:left; color: #ef7801; margin-right: 20px; }
.socialshare .buttons { float:left; }
.socialshare .buttons a { padding: 0 5px; color: #827362; }
.socialshare .buttons a:hover { color: #ef7801; }


/* zijmenu */
.zijmenu { position: fixed; right: 0; top: 30%; z-index: 999; font-family: "Roboto Slab", sans-serif; }
.zijmenu .afspraakmaken { position: relative; }
.zijmenu .afspraakmaken .info { background-color: #ef7801;  color: #fff;  z-index: 1; width: 60px; height: 60px; font-size: 26px; text-align: center; border-radius: 5px 0 0 5px; padding: 12px 0px; position: absolute; right: 0px; }
.zijmenu .afspraakmaken .item { width: 330px; position: absolute;  margin-right: -330px; z-index: 2; 
    transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -o-transition: 500ms; }
.zijmenu .afspraakmaken .content { background-color: #5f503e; color: #fff; font-size:26px; padding: 10px 20px; border-radius: 10px 0 0 0; }
.zijmenu .afspraakmaken .content span { display: block; font-size:16px; font-weight:700; }
.zijmenu .afspraakmaken .knop { background-color: #38312a;  color: #fff; border-radius: 0 0 0 10px; padding: 10px 20px; font-family: 'Lato', sans-serif; }
.zijmenu .afspraakmaken .knop span { display: inline-block; font-size: 15px; font-weight: 700; }
.zijmenu .afspraakmaken .knop span:after { content: url('images/arroworanjerechts.png'); margin: 3px 0 -3px 10px; opacity: 1; display: block; transition: 200ms; -webkit-transition: 200ms; position: relative; float: right; }

.zijmenu .afspraakmaken .close { cursor: pointer; z-index: 99; position: absolute; font-family: 'Lato', sans-serif;  left: 0; top: 0; background-color: #ef7801; color: #fff; width: 35px; height: 35px; font-size: 18px; font-weight: 700; text-align: center; border-radius: 5px; line-height: 34px;
    transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -o-transition: 500ms; }

.zijmenu .afspraakmaken.active .item { transform: translateX(-330px); -webkit-transform: translateX(-330px); -ms-transform: translateX(-330px); -o-transform: translateX(-330px); }
.zijmenu .afspraakmaken.active .close { left: -18px; top: -21px; transform: translateX(-330px); -webkit-transform: translateX(-330px); -ms-transform: translateX(-330px); -o-transform: translateX(-330px); }


/* block */
.vrijblijvende_afspraak { position: relative; }
.vrijblijvende_afspraak::after { content: url('images/bgdots.svg'); position: absolute; width: 45%; right: -10%; top: -110px; opacity: 0.5; z-index: -1;} 
.vrijblijvende_afspraak .titel { font-size: 54px; font-weight: 300; line-height: 1em; font-family: 'kanit', sans-serif; padding-bottom: 15px; text-transform: uppercase;}
.vrijblijvende_afspraak .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) { background-color: white; padding: 30px; border-radius: 20px; position: relative;}
.vrijblijvende_afspraak .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) p { float: left; margin-top: 20px; position: relative; width: fit-content; padding-left: 30px; }
.vrijblijvende_afspraak .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) p::after { content: url('images/vink.svg'); position: absolute; top: 100%; left: 0px; transform: translate(0%,-100%); width: 20px;}

.afspraak { padding: 150px 0px 100px 0px; }

@media screen and (max-width: 980px) {
    .afspraak { padding: 50px 0px; }
    .vrijblijvende_afspraak .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) p::after { content: url('images/vink.svg'); position: absolute; top: 50%; left: 0px; transform: translate(0%,-100%); width: 20px;}
}

.owl-icon { width: 50px; margin-top: 20px; }
.inspiratie .mk_rij.mk_rij_kolom_1 .mk_kolom.mk_kolom_1.mk_kolom_1_1 .mk_module.mk_code .mk_code_inner .owl-icon { display: none; }

/* popup */
.mk_plugin_notificationinformatie_popup .popup-content ul { padding-left: 15px; }
.mk_plugin_notificationinformatie_popup .popup-content p:not(:last-child), .mk_plugin_notificationinformatie_popup .popup-content ul:not(:last-child) { padding-bottom: 1em; }
.mk_plugin_notificationinformatie_popup .popup-content p:last-child, .mk_plugin_notificationinformatie_popup .popup-content ul:last-child { padding-bottom: 0; }
.mk_plugin_notificationinformatie_popup .popup-content p + ul { margin-top: -1em; }

@media only screen and (max-width: 1600px) { .frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; } }
@media only screen and (max-width: 1500px) { .mk_logo_container { width: 200px !important; padding: 6px 0; } }
@media only screen and (max-width: 1350px) { #main-header .container { width: 90%; }}
@media only screen and (max-width: 1300px) {
    /* .keukensopties { width: 60%; }
    .keukensopties_inhoud { width:40%; }
    .keukensopties .item { padding: 20px; }
    .keukensopties .item .icon img { height: 90px; }
    .keukensopties .item .titel { font-size: 17px; } */
}

@media only screen and (max-width: 1250px) {
    #main-header .container { width: 100%; }
}

@media only screen and (max-width: 1200px) {
    .mk_footer { width: 50%; }
    .mk_footer3 { clear: left; }
}

@media only screen and (max-width: 1100px) {
    .home1 { padding-bottom: 20px; }
    .home1 .mk_tekst { margin-right: 20px; margin-bottom: 30px; }
    .home1 .mk_knop { float: left;}

    .home3 h2 { font-size: 50px; }
    .beoordeling.mk_module .mk_code_inner { font-size: 32px; }

    /* .archive-verhalen .item .content h2 { font-size: 50px; padding-right: 40px; }
    .archive-verhalen .item .content h2 span { font-size: 32px; } */
    .archive-verhalen .item .content { padding: 50px 30px 50px 0; }
    .archive-verhalen .item .content h2::before { transform: scale(0.5); }
}

@media only screen and (max-width: 980px) {
    /* Header */
    #mk-info { padding: 0; }
    .mk_topmenu { display: none; }
    .mk_socials { background-color: #38312a; padding: 0 15px; }

    .mk_sectie.header .mk_rij { padding-top: 15px}
    .mk_rij { width: 90%; }


    /* landing */
    .mk_sectie.header.landing { background-position: center; background-size: cover; }
    .mk_sectie.header.landing:before { display: block !important; background: rgba(241,241,240,0.8 ) !important; width: 100% !important; }
    .mk_sectie.header.landing .mk_kolom_2:last-child { background: none; max-width: 100%; }
    .mk_sectie.header.landing .mk_titel_inner { max-width: 500px; margin: 0 auto; }

    /* Slider */
	.frontpageslider .swiper-slide .slide-content { padding-top: 15px !important; }
	.frontpageslider .swiper-slide h1 { font-size: 55px; }
    .frontpageslider .swiper-slide .subtitel { width: 100%; }
    
    .frontpageslider .swiper-slide .slide-module { width: 57.25%; }
    .frontpageslider .swiper-wrapper .swiper-slide::after { width: 60%; }

    /* content */
    .mk_sectie.header .mk_kolom_1_1 {  width: 57.25%; }

    .mk_sectie.achtergrond_foto_links { background-image: none !important; }
    .mk_sectie.achtergrond_foto_links .mk_kolom_1_1 {  width: 100%; padding: 0; }

    .mk_sectie.header.alignright::before { width: 100%; }

    /* footer */
    #footer-info:nth-child(1) { padding-bottom: 0; }

    /* blog */
    .blog-item { width: calc(100% - 27px - 27px);  flex: 0 0 calc(100% - 27px - 27px); max-width: calc(100% - 27px - 27px);}

    /* laatste blog */
    .laatsteblog .item .afbeelding { width: 100%; margin-right: 0; padding-bottom: 20px; }
    .laatsteblog .item .content { width: 100%; }

    /* voorpagina */
    .home5 .mk_rij:first-child .mk_module { float: left; width: 100%; }
    .home1 .mk_rij { padding-top: 0px; }
    
    /* keuken concept */
    .keukensopties { width: 100%; }
    .keukensopties_inhoud { width:100%; }
    .keukensopties .item .icon img { height: 75px; }

    /* overons */
    .onzewerkwijze .mk_kolom_1_3 { padding: 30px; }

    /* template */
    .mk_sectie.achtergrond_foto_links { min-height:1px; }

    .mk_sectie.header.blog .mk_kolom_1_1 {  width: 100%; }
    .mk_button.terug { float: left; margin-top: 25px; }
    
    /* singleblog */
    .singleblog1 .mk_rij { padding: 50px; }

    /* verhalen */
    
}

@media only screen and (max-width: 767px) {
    /* Slider */
    .frontpageslider .swiper-wrapper .swiper-slide::after { width: 100%; }
    .frontpageslider .swiper-slide .slide-module { width: 100%; }

    .mk_sectie.header .mk_kolom_1_1 { width: 100%; }

    .mk_sectie.header.blog::before, .mk_sectie.header.keukensinbeeld0:before { display: none; }

    .mk_sectie.header.verhalen:before { opacity: 0.3;  }

    .mk_sectie.header { background-image: none !important; background-color: #EAE5E0;}
    .mk_sectie.header::before {background-color: #EAE5E0 !important;}

   /* footer */
    #footer-info .mail { display: block; }
    #footer-info .sep:nth-of-type(2) { display: none; } 

    /* overons */
    .onzewerkwijze .mk_kolom_1_3 { width: 100%; height: auto !important; }

    /* verhalen */
    .archive-verhalen .item .afbeelding { width: 100%; height: 200px; position: relative; }
    .archive-verhalen .item .content { width: 100%; padding: 30px 20px; }
}

@media only screen and (max-width: 640px) {
   
    /* Titels */
    h1, h2 { font-size: 8vw; }
    .home3 h2 { font-size: 8vw; }
    .home3 h2 span { font-size: 7vw; }

    .blog-afbeelding { max-width: 100%; margin-left: 0; text-align: center; width: 100%; margin-bottom: 15px; }

    .mk_sectie.qoute .mk_rij .mk_kolom::before {  position: relative;  float: left; margin-top: -40px;}
    .mk_sectie.qoute .mk_rij .mk_kolom::after { float: right; position: relative;  margin-bottom: -70px; }

    /* form */
    .gform_wrapper ul.gform_fields li.gfield { width: 100%; }

    /* zijmenu */
    .zijmenu { display: none; }

    /* blog */
    .blog-item .tijd { width: 100%; margin-right: 0; margin-bottom: 15px; }
    .blog-item .mk_button { width: 100%; }
    .laatsteblog  .mk_button { width: 100%; }
    .laatsteblog .item .content .leestijd {  width: 100%;  margin-top: 15px; }


    /* galerij */
    .galerij-carousel .owl-nav .owl-next { width: 40px; }
    .galerij-carousel .owl-nav .owl-prev { width: 40px; }

    /* blog */
    .blogfiltermenu .filters .col { display: none; }
    .blogfiltermenu .filters .col.mobile { display: block; }
    .blogfiltermenu.active { padding: 30px 30px; }
    
    /* singleblog */
     
    .singleblog1 .mk_rij { margin-top: -230px; width: 95% ; padding: 30px; }
    .mk_sectie.header.blog .details { font-size: 15px; line-height: 1.4em; }

    .singleblog1 pre { display: inline-block; }

    /* verhalen */
    .archive-verhalen .mk_rij { margin-top: -260px; }

    .single-verhalen .mk_sectie.qoute .mk_rij { padding-top: 40px; }


    /* wij werken samen */

    /*  */
    .vrijblijvende_afspraak .titel { font-size: 8vw; }

    .mk_sectie.header.verhalen .mk_rij { padding-bottom: 250px; }
}

@media only screen and (max-width: 560px) {
     /* header */
     .mk_sectie.header.tekst .mk_kolom_1_1 .mk_tekst { width: 100%; }
    .mk_socials{ display: none; }
}

@media only screen and (max-width: 479px) {

    /* titel */
    .beoordeling.mk_module .mk_code_inner { font-size: 8vw; }
    
    /* tijden */
    .mk_tijden .mk_tijden_span span { display: none; }
    .mk_tijden .mk_tijden_span i { font-size: 20px; }
    .mk_tijden .openingstijden { font-size: 15px; margin: 0; line-height: 1.9em; }
    .mk_tijden .openingstijden .tijden:first-letter { text-transform: uppercase; }
    

    /* Header */
    #mk-info { line-height: 1.4em; float: none; }
    .mk_telefoon  .mk-info-tekst { display: block; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk-info-phone { margin-right: 0px; }

    .frontpageslider .swiper-slide .slide-content { padding-bottom: 185px; }
    .frontslideroverlay { height: 130px; margin-top: -128px; }

    /* footer */
    .mk_footer { width: 100%; }
    #footer-info span { display: block; }
    #footer-info .sep { display: none; }

    /* voorpagina */
    .mk_code.beoordeling { text-align: center; }
    .beoordeling.mk_module .mk_code_inner { padding: 30px 20px 35px; }
    .beoordeling.mk_module .mk_code_inner div:nth-child(1) { width: 100%; }
    .beoordeling.mk_module .mk_code_inner div:nth-child(2) { width: 100%; width: 150px; padding-top: 30px; display: inline-block;  float: none; }
    .beoordeling.mk_module .mk_code_inner div:nth-child(2) div { margin-top: 19px; }

    .home4 { padding: 60px 0; }

    /* .keukensopties_inhoud */
    .keukensopties_inhoud { padding: 30px; }

    /* Template */
    .mk_sectie.achtergrond_foto_links { padding: 45px 0;  }
    .mk_sectie.center h1::after, .mk_sectie.center h2::after { margin-bottom: 0; }


    /* blog */
    .mk_sectie.header.blog { height: 400px; }
    .blog-view { margin-top: -290px; }
    .mk_sectie.header.blog .mk_titel { margin-bottom: 30px; }
    .blogfiltermenu .filters .rowmobile { width: 100%; border-right:0; }

    /* singleblog */
    .singleblog1 .mk_rij  { width: 100%; border-radius: 0; padding: 20px 2.5% 45px; margin-top: 0; }
    .blog-items-carousel.owl-carousel { margin-top: 25px; }

    .mk_sectie.singleblog1 { background-color: #fff; z-index: 9; padding-top: 0; }
    .single-post .mk_sectie.header.blog { margin-bottom: 0; height: auto; }
    .single-post .mk_sectie.header.blog .mk_rij { padding-bottom: 145px; }

    /* verhalen */
    .archive-verhalen .item .content { padding: 30px; }


    
}

@media only screen and (max-width: 379px) {

    .mk_mobile_menu_button {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0%,-50%);
    }
}

/* hamburger */
.hamburger { outline: none; padding: 10px 10px; display: block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; margin-left: auto; }
.hamburger-box { width: 40px; height: 24px; display: block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 3px; position: absolute;  transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";  display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

/* alle pagina's */
body:not(.home) .hamburger-inner, body:not(.home) .hamburger-inner::before, body:not(.home) .hamburger-inner::after {  background-color: #303B3E!important;  }
body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {  background-color: #303B3E;  }

/* Niet de voorpagina */
body:not(.home) .hamburger-inner, body:not(.home) .hamburger-inner::before, body:not(.home) .hamburger-inner::after { background-color: #303B3E!important; }

/* scroll, all pages */
body:not(.home) .hamburger-inner,  body:not(.home).paginascroll .hamburger-inner::before,  body:not(.home).paginascroll .hamburger-inner::after { background-color: #303B3E; } 
body.paginascroll .hamburger-inner,  body.paginascroll .hamburger-inner::before,  body.paginascroll .hamburger-inner::after { background-color: #303B3E; } 

/*  Collapse */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

body.mobilemenu_open .hamburger--collapse .hamburger-inner, .hamburger--collapse.is-active .hamburger-inner {background-color: #D4C9BF!important; transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
body.mobilemenu_open .hamburger--collapse  .hamburger-inner::after, .hamburger--collapse.is-active .hamburger-inner::after {background-color: #D4C9BF!important; top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
body.mobilemenu_open .hamburger--collapse .hamburger-inner::before, .hamburger--collapse.is-active .hamburger-inner::before {background-color: #D4C9BF!important; top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.mobilemenu_open .mk_mobile_menu { visibility: visible; opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }

/* mobile */
.mk_mobile_menu { position: fixed; background-color: #F2F1EE;right: 0; width: 100%; height: 100%; top: 0; opacity: 0; visibility: hidden; overflow: auto; box-shadow: 0 0 5px rgb(0 0 0 / 30%); z-index: 999999999; transform: translateX(100%); -webkit-transform: translateX(100%); } 

.mk_mobile_menu .mk_rij { max-width: 1700px; position: relative; }

body.admin-bar .mk_mobile_menu { top: 32px; }

.beforemenu { display: flex; justify-content: end; align-items: center; gap: 50px; }
.mk_mobile_menu .logo { width: fit-content; text-align: center; }
.mk_mobile_menu .logo a { display: block; }
.mk_mobile_menu .logo img { max-width: 200px; display: inline-block; }

.mk_mobile_menu .mainmenu {float: left; width: 100%; padding: 200px 0px 50px 0px; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) { width: 60%; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1)::before {  content: "MENU"; font-size: 180px; color: rgba(212, 201, 191, 0.75);  position: absolute;  font-weight: bold; top: 185px; font-family: 'kanit', sans-serif;}
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) { width: 30%; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) h3 {text-transform: initial; color: #332922; font-family: 'kanit', sans-serif; font-weight: 300; font-size: 34px; padding-bottom: 20px; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) .bedrijfsnaam { padding-bottom: 0px; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) .contact_container { margin-bottom: 20px; }

.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) .socials { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) .socials a { width: 35px; }
.mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) .mk_footer.mk_footer3 .socials a img { width: 100%; }

/* menu */
.mk_mobile_menu ul { text-align: left; }
.mk_mobile_menu ul .kolom { width: 49%; display: inline-block; vertical-align: top; }

.mk_mobile_menu ul li { list-style: none; float: left; width: 100%; position: relative; }
.mk_mobile_menu ul a { color: #332922; font-family: 'kanit', sans-serif; font-weight: 300; font-size: 32px; padding: 30px 15px; display: block; position: relative; transition: 0.3s; cursor: pointer; margin-left: -2px; border-bottom: 1px solid #E4E7E8;}
.mk_mobile_menu ul a:hover { padding: 30px 15px 30px 50px; }
.mk_mobile_menu ul > li.menu-item-has-children > a:after { content: url('../../images/down-arrow.svg'); display: inline-block; width: 12px; line-height: 0; position: absolute; top: calc(50% - 6px); right: 10px; }

.mk_mobile_menu ul li.menu-item { opacity: 0; animation-name: inherit; -webkit-animation-name: inherit;  animation-timing-function: ease-in-out; animation-fill-mode: both; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; }
body.mobilemenu_open ul li.menu-item { opacity: 1; animation-name: fadeRight; -webkit-animation-name: fadeRight;  }



.mk_mobile_menu .mk_kolom_1_2 > .kolom > div { opacity: 0; animation-name: inherit; -webkit-animation-name: inherit;  animation-timing-function: ease-in-out; animation-fill-mode: both; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; }
body.mobilemenu_open .mk_mobile_menu .mk_kolom_1_2 > .kolom > div { opacity: 1; animation-name: fadeTop; -webkit-animation-name: fadeTop;  }

@-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(30px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeRight{0%{opacity:0;-moz-transform:translateX(30px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeRight{0%{opacity:0;-o-transform:translateX(30px)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}

@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-30px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeTop{0%{opacity:0;-moz-transform:translateY(-30px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeTop{0%{opacity:0;-o-transform:translateY(-30px)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeTop{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateX(0)}}


.mk_mobile_menu ul > li > ul.sub-menu { position: relative; width: 100%; float: left; }
/* .mk_mobile_menu ul > li > ul.sub-menu > li {  } */
.mk_mobile_menu ul > li > ul.sub-menu > li > a {  padding: 10px 15px 10px 25px; pointer-events:visible; }
.mk_mobile_menu ul > li > ul.sub-menu > li > a:hover { background-color: #eee; }
.mk_mobile_menu ul > li > ul.sub-menu > li.menu-item-has-children > a:after { content: url('../../images/down-arrow.svg'); display: inline-block; width: 12px; line-height: 0; position: absolute; top: calc(50% - 6px); right: 10px; }


.mk_mobile_menu ul > li > ul.sub-menu > li > ul.sub-menu { position: relative; width: 100%; float: left; }
/* .mk_mobile_menu ul > li > ul.sub-menu > li > ul.sub-menu > li {  } */
.mk_mobile_menu ul > li > ul.sub-menu > li > ul.sub-menu > li a {  padding: 10px 15px 10px 35px;  pointer-events:visible; }
.mk_mobile_menu ul > li > ul.sub-menu > li > ul.sub-menu > li a:hover { background-color: #eee; }
.mk_mobile_menu ul > li > ul.sub-menu > li > ul.sub-menu > li.menu-item-has-children > a:after { content: url('../../images/down-arrow.svg'); display: inline-block; width: 12px; line-height: 0; position: absolute; top: calc(50% - 6px); right: 10px; }

@media screen and (max-width: 1100px) {
    .mk_mobile_menu ul .kolom { width: 100%; }
}

@media screen and (max-width: 980px) {
    .mk_mobile_menu .mainmenu { padding: 100px 0px 50px 0px; }
    .mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1) { width: 100%; }
    .mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1)::before { display: none; }


    .mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(2) { width: 100%; padding-bottom: 50px; }

    .mk_mobile_menu ul a { font-size: 24px; padding: 10px 5px; }
    .mk_mobile_menu ul a:hover { padding: 10px 5px; }
    .mk_mobile_menu ul .kolom { width: 49%; }
}

@media screen and (max-width: 640px) {
    .beforemenu { justify-content: space-between; }
    .mk_mobile_menu .mainmenu { padding: 15px 0px 50px 0px; }
    .mk_mobile_menu ul a { font-size: 20px; }
    .mk_mobile_menu ul .kolom { width: 100%; } 

    .mk_mobile_menu .mainmenu .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1)::before { font-size: 15vw; }
}

/* homepage keuken inspiratie */
.inspiratie_wrapper .item { width: 31%; position: relative;}
.inspiratie_wrapper .item img { height: 100%; width: 100%; object-fit: cover; }
.inspiratie_wrapper .item .like { position: absolute; bottom: 10px; right: 10px; color: white; }
.inspiratie_wrapper::before { content: url('images/bgdots.svg'); position: absolute; width: 70%; left: -75%; top: -0%;}

.inspiratie_wrapper .owl-stage-outer { overflow: visible!important; }
.inspiratie_wrapper {  }

.inspiratie_wrapper .item .like i.heart { opacity: 1; position: absolute; z-index: 9; left: 15px; top: 16px; margin: 0; text-shadow: none !important; animation-timing-function: linear; animation-fill-mode: both; }
.inspiratie_wrapper .item .like i.heart1 { animation-name: heart1; animation-duration: 1.2s; animation-delay: 0s; }
.inspiratie_wrapper .item .like i.heart2 { animation-name: heart2; animation-duration: 1.2s; animation-delay: 0.2s; }
.inspiratie_wrapper .item .like i.heart3 { animation-name: heart3; animation-duration: 1.2s; animation-delay: 0.4s; }
.inspiratie_wrapper .item .like i.heart4 { animation-name: heart4; animation-duration: 1.2s; animation-delay: 0.6s; }

.inspiratie_wrapper .item i::before { font-size: 22px; cursor: pointer; }
.inspiratie_wrapper .item span { font-size: 22px; font-weight: bolder; }


.artstudios .mk_rij .mk_kolom.mk_kolom_1.mk_kolom_1_1 .mk_module.mk_afbeelding .mk_afbeelding_inner img { margin: auto; max-width: 300px; width: 90%;}
.artstudios { padding: 0px 0px 45px 0px; }

.maak_kennis::before {z-index: -1; content: 'Johan Bos'; font-size: 18vw; position: absolute; left: 50%; top: 200px; width: 100%; opacity: 0.1; font-weight: bold; transform: translate(-50%,-0%); text-align: center;}
.maak_kennis { padding: 300px 0px 100px 0px }
.maak_kennis .mk_rij { display: flex; align-items: center; }
.maak_kennis .mk_rij .mk_kolom.mk_kolom_2.mk_kolom_1_2 { text-align: right; }
.maak_kennis .mk_rij .mk_kolom.mk_kolom_2.mk_kolom_1_2 .mk_module.mk_knop .mk_knop_inner .mk_button { float: none; }

@media screen and (max-width: 980px) {
    .maak_kennis { padding: 50px 0px 50px 0px; }
    .maak_kennis::before { top: 15px !important; }
    .maak_kennis .mk_rij { flex-direction: column; }
}


/* .mk_sectie.home6.nopadding { border-bottom: 40px solid #e9e4df; } */

.menu-hoofdmenu-container { line-height: 2.2em; }
.menu-footermenu1-container { line-height: 2.2em; }
.mk_footer_widgets:last-child { line-height: 2.2em; }

.paddingtop80 { padding-top: 80px; }

@media screen and (max-width: 640px) {
    .paddingtop80 { padding-top: 40px; }
}



.kc-items__title {
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
  margin-bottom: 30px;
}



.kc-item {
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.kc-item__question {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    color: #707070;
    gap: 10px; /* ruimte tussen icoon en tekst */
}

.kc-item__question:hover {
    background: #f9f9f9;
}

/* container voor tekst + icoon, zodat arrow rechts blijft */
.kc-item__content {
    display: flex;
    align-items: center;
    gap: 10px; /* ruimte tussen icoon en titel */
}

/* icoon altijd hetzelfde formaat */
.kc-item__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0; /* voorkomt dat het kleiner wordt */
}

/* arrow altijd rechts */
.kc-item__arrow {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.kc-item__arrow img {
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
    display: block;
    transform: rotate(90deg); /* standaard naar beneden */
}

.kc-item.active .kc-item__arrow img {
    transform: rotate(-90deg); /* pijltje naar boven bij open */
}

/* antwoord */
.kc-item__answer {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 20px;
    font-size: 15px;
    line-height: 1.6;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.kc-item.active .kc-item__answer {
    max-height: 1000px;
    padding: 15px 20px;
}




/*voor de keuken concept pagina*/

.keukenconcept-sectie {
    background-color: #EAE5E0;
}

.kc-items--2kolommen .kc-items__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 kolommen */
    gap: 20px; /* ruimte tussen de items */
}

.kc-items--2kolommen .kc-item {
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    box-shadow: none;
    overflow: hidden;
}

@media (max-width: 768px) {
    .kc-items__list {
        grid-template-columns: 1fr !important;
        gap: 15px;
    }
    .kc-item__question {
        font-size: 15px;
        padding: 12px 16px;
    }
}



.grid-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  justify-content: center; /* centreren van de hele grid */
  justify-items: center;   /* centreren van individuele items */
}


.grid-gallery a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-gallery img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  object-fit: cover;
}

.grid-gallery a:hover img {
  transform: scale(1.05);
}

/* Grid container */
.grid-verhalen {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* 2 kolommen */
  gap: 20px !important;
}

@media (max-width: 768px) {
  .grid-verhalen {
    grid-template-columns: 1fr !important; /* 1 kolom mobiel */
  }
}

/* Grid item link */
.grid-verhalen .project_item {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 550px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 20px !important;
  transition: transform 0.3s ease !important;
}

.grid-verhalen .project_item h4 {
  position: absolute !important;
  bottom: 30px !important;
  left: 30px !important;
  color: white !important;
  width: fit-content !important;
  font-size: 32px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 10px !important;
}

.grid-verhalen .project_item h4 span {
  background-color: white !important;
  position: absolute !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  top: 50% !important;
  right: -60px !important;
  transform: translate(0%, -50%) !important;
}

.grid-verhalen .project_item h4 span img {
  height: 15px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.grid-verhalen .project_item:hover {
  transform: scale(1.03) !important;
}